Page 2 of 2 FirstFirst 12
Results 11 to 16 of 16

Thread: CSS styling tip

  1. #11
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,205
    Fantastic.

    I have a client that has a suite of tools that need to all have the same look and feel.

    This may seem picayune, but how would I change the scroll bar layout? I do believe there is a CSS property for that.

    Thanks.

    Herb

  2. #12
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    5,695
    Seeing as the Lianja Desktop Client is build on top of the Qt GUI framework you have access to all the Qt CSS styling... So just set this CSS on your listbox.

    The reason behind the preferred use of lianja_ui_controlname is so that the CSS can be applied to Lianja Web and Lianja Mobile Clients.

    For your desktop listbox...

    Code:
    QScrollBar:vertical {
          border: 2px solid grey;
          background: #32CC99;
          width: 15px;
          margin: 22px 0 22px 0;
      }
      QScrollBar::handle:vertical {
          background: white;
          min-height: 20px;
      }
      QScrollBar::add-line:vertical {
          border: 2px solid grey;
          background: #32CC99;
          height: 20px;
          subcontrol-position: bottom;
          subcontrol-origin: margin;
      }
    
    
      QScrollBar::sub-line:vertical {
          border: 2px solid grey;
          background: #32CC99;
          height: 20px;
          subcontrol-position: top;
          subcontrol-origin: margin;
      }
      QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
          border: 2px solid grey;
          width: 3px;
          height: 3px;
          background: white;
      }
    
    
      QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
          background: none;
      }
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

  3. #13
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,205
    That is fantastic.

    Thank you very much.

  4. #14
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,205
    I am able to mix the QT styling with the Lianja styling.

    This scrollbar is very close to what I am looking for.

    If anyone wants the CSS for this, let me know.

    HerbName:  CssScrollbar.jpg
Views: 134
Size:  23.0 KB

  5. #15
    Lianja MVP
    Join Date
    Feb 2012
    Location
    Berea, KY, USA
    Posts
    1,924
    Hello, Lianja would like it.

  6. #16
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,205
    I find myself coming back to this post often

Page 2 of 2 FirstFirst 12

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Journey into the Cloud
Join us