Results 1 to 4 of 4

Thread: How to reference grid components items in CSS stylesheet.

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

    How to reference grid components items in CSS stylesheet.

    Hi,

    How would I specify the different parts of the grid in a style sheet?

    I am particularly interested in headers and row:hover, but a full list would be fantastic.

    Thanks.

    Herb

  2. #2
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,207
    I can deduce that lianja_ui_grid is the main component
    and the text is picked up, which is cool.

    Name:  cssgrid.jpg
Views: 84
Size:  56.5 KB

    My assumption is that I need to set the hover to individual row, or cell.

    Thanks.

    Herb

  3. #3
    Lianja Team yvonne.milne's Avatar
    Join Date
    Feb 2012
    Location
    Berkshire, UK
    Posts
    1,369
    Hi Herb,

    Have a look at lianja_ui_grid::item

    e.g.

    Code:
    lianja_ui_grid::item {
         border: 2px solid red;
    }
    lianja_ui_grid::item:selected {
         border: 2px solid blue;
    }
    lianja_ui_grid::item:!hover { 
    	background:pink;
    }
    lianja_ui_grid::item:hover { 
    	background:yellow;
    }

    Regards,

    Yvonne

  4. #4
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,207
    This is great.

    Thanks 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