Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. [SOLVED] QTabWidget Pane - style question
QtWS25 Last Chance

[SOLVED] QTabWidget Pane - style question

Scheduled Pinned Locked Moved General and Desktop
5 Posts 2 Posters 7.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    maximus
    wrote on last edited by
    #1

    Hi guys,

    I swear this is my last post on style, I'm starting to get the hang of it ;)

    I want to achieve this :
    https://www.dropbox.com/s/wl7rj8eatk5n9tn/now.png
    Without the pane up-border where the tab is selected

    The best I could achieve is removing the up-border pane completly :
    https://www.dropbox.com/s/blym9ug65pn4gg0/todo.png

    Anyone knows how to achieve the desired result? Merci!

    My stylesheet :
    @/* ------------------------------------ tab Workout -----------------------------------/
    #tabWidget_workout::pane { /
    The tab widget frame */
    border-top: 3px solid rgb(7, 1, 98);
    border-left: 3px solid rgb(7, 1, 98);
    border-right: 3px solid rgb(7, 1, 98);
    border-bottom: 3px solid rgb(7, 1, 98);

    }
    #tabWidget_workout::tab-bar {
    left: 5px; /* move to the right by 5px /
    }
    #tabBarWorkout::tab {
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
    stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
    stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
    border: 2px solid rgb(7, 1, 98);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-width: 8ex;
    padding: 10px;
    }
    #tabBarWorkout::tab:!selected {
    /
    background : transparent; */
    }
    #tabBarWorkout::tab:hover {
    background-color: rgb(255, 255, 0);
    }
    #tabBarWorkout::tab:selected {
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    }@


    Free Indoor Cycling Software - https://maximumtrainer.com

    1 Reply Last reply
    0
    • N Offline
      N Offline
      NicuPopescu
      wrote on last edited by
      #2

      Hi,

      can you send me those pics by email? ... here I'm forbidden to reach dropbox

      :)

      1 Reply Last reply
      0
      • N Offline
        N Offline
        NicuPopescu
        wrote on last edited by
        #3

        @#tabWidget::pane
        {
        border: 3px solid rgb(7, 1, 98);
        margin-top:-3px;
        }

        #tabBar::tab:!selected
        {
        border-bottom: 3px solid rgb(7, 1, 98);
        }

        #tabBar::tab:hover
        {
        background-color:rgba(0,0,255,100);
        }

        #tabBar::tab:selected
        {
        border-left: 3px solid rgb(7, 1, 98);
        border-top: 3px solid rgb(7, 1, 98);
        border-right: 3px solid rgb(7, 1, 98);
        border-bottom: 3px solid rgba(255,255,255); /your pane background/
        }@

        hope this is what you want! :)

        1 Reply Last reply
        0
        • M Offline
          M Offline
          maximus
          wrote on last edited by
          #4

          You sir are a hero!

          negative margin I didn't think of that :)

          Here is the result with the code :
          https://www.dropbox.com/s/u4wwssejmnluu0v/result.png

          Mulțumiri!

          @/* -------------------- Tab Workout (Thanks to NicuPopescu) ---------------------*/
          #tabWidget_workout::pane
          {
          border: 3px solid rgb(7, 1, 98);
          margin-top:-3px;
          }

          #tabBarWorkout::tab {
          background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
          stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
          stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
          border: 2px solid rgb(7, 1, 98);
          border-top-left-radius: 8px;
          border-top-right-radius: 8px;
          padding: 12px;
          }
          #tabBarWorkout::tab:!selected
          {
          border-bottom: 3px solid rgb(7, 1, 98);
          }

          #tabBarWorkout::tab:hover
          {
          background-color:rgba(0,0,255,100);
          }

          #tabBarWorkout::tab:selected
          {
          background: rgba(255,255,255); /your pane background/
          border-bottom: 3px solid rgba(255,255,255); /your pane background/
          }@


          Free Indoor Cycling Software - https://maximumtrainer.com

          1 Reply Last reply
          0
          • N Offline
            N Offline
            NicuPopescu
            wrote on last edited by
            #5

            "One is glad to be of service"!

            :)

            1 Reply Last reply
            0

            • Login

            • Login or register to search.
            • First post
              Last post
            0
            • Categories
            • Recent
            • Tags
            • Popular
            • Users
            • Groups
            • Search
            • Get Qt Extensions
            • Unsolved