Results 1 to 8 of 8

Thread: Some cool desktop grid CSS

  1. #1
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,234

    Some cool desktop grid CSS

    Here is the style

    Code:
    define class ogrid as grid
    	style='QTableWidget::item:selected{background-color:lightblue;} QTableWidget::item:hover{background-color: lightblue;} QTableWidget{selection-background-color:lightblue;show-decoration-selected: 1; font-size:15pt;} QTableWidget::item {background:black;background-color:black;color:white; border: 2px solid lightblue;}'
    	
            rowheight = 30
    	recordmark = .f.
    	readonly  = .t.
    	actionbar = .f.
    enddefine
    You can see the video here.

    https://youtu.be/W2M-Llne0ys

    Herb

  2. #2
    Lianja MVP
    Join Date
    Feb 2012
    Location
    Berea, KY, USA
    Posts
    2,029
    Hi Herb,

    very cool. Yes, that is incredible.

    Hank

  3. #3
    Senior Member
    Join Date
    Feb 2012
    Location
    Rome - Italy
    Posts
    1,888
    Interesting...

  4. #4
    Member
    Join Date
    Oct 2012
    Location
    México city
    Posts
    34

    Question Problem with css example

    Hello I try to use you´re example in a css archive but dont work. I use this:

    lianja_ui_grid *{
    lianja_ui_grid::item:selected{background-color:lightblue;}
    lianja_ui_grid::item:hover{background-color: lightblue;}
    lianja_ui_grid::item:selected{background-color:lightblue;}
    lianja_ui_grid::item:hover{background-color: lightblue;}
    lianja_ui_grid{selection-background-color:lightblue;show-decoration-selected: 1; font-size:15pt;}
    lianja_ui_grid::item {background:black;background-color:black;color:white; border: 2px solid lightblue;}
    }
    What I doing wrong?

    Thanks for the advice

  5. #5
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    6,031
    The CSS is incorrect, try this:

    Code:
    QTableWidget::item:selected{background-color:lightblue;}
    QTableWidget::item:hover{background-color: lightblue;}
    QTableWidget::item:selected{background-color:lightblue;}
    QTableWidget::item:hover{background-color: lightblue;}
    QTableWidget {selection-background-color:lightblue;show-decoration-selected: 1; font-size:15pt;}
    QTableWidget::item {background:black;background-color:black;color:white; border: 2px solid lightblue;}
    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

  6. #6
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,234
    Thanks Barry

  7. #7
    Member
    Join Date
    Oct 2012
    Location
    México city
    Posts
    34
    Hello again , ok I see my error I use a canvas treegrid and this is for a gadget grid. If I use this in a gadget grid this works perfect.

    How can I use this cool grid in treegrid object?

    Thanks for the help

  8. #8
    Lianja Team yvonne.milne's Avatar
    Join Date
    Feb 2012
    Location
    Berkshire, UK
    Posts
    1,462
    Hi Gontran,

    You can use lianja_ui_tree, lianja_ui_tree::branch and lianja_ui_tree::item for a canvas treegrid.

    https://www.lianja.com/doc/index.php/CSS#UI_Framework

    Regards,

    Yvonne

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