CSS styling tip

[hmischel@diligentsystems.com]

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

[barrymavin]

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...

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;
  }

[hmischel@diligentsystems.com]

That is fantastic.

Thank you very much.

[hmischel@diligentsystems.com]

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.

Herb

[HankFay]

Hello, Lianja would like it.

[hmischel@diligentsystems.com]

I find myself coming back to this post often