Configurable List Widget: Customize Table Labels with CSS

  • Profile Image
    bkurniawan
    Asked on July 03, 2014 at 12:35 PM
    3) Is it possible to custom css the table labels? If so, what are the css ids or css fields that have to be targeted?
  • Profile Image
    Jeanette
    Answered on July 03, 2014 at 02:06 PM

    Yes, that is possible. For example  if you want to  customize all labels of the columns

    #listContainer th {
    color: #00F;
    }

     

    A good way to find the right elements is by using the Inspect Element feature fo your browser

     

     

     

  • Profile Image
    Jeanette
    Answered on July 03, 2014 at 02:22 PM

    For example, on this form

    First I found the Unique selector for that column which is th.col4 ,  using the Inspect element of my browser, Firefox

     

     

     

    Then I went to the wizard, changed "d"  by "COMMENTS and injected the following custom CSS

    th.col4 {
    color: blue;
    }

     

     

    Just click on "finish"  and you'll get the desired changes.

  • Profile Image
    bkurniawan
    Answered on July 03, 2014 at 02:25 PM

    Ahh... so you are using the Browser's Developer tool to find the element ids or fields' names. Thank you for your guides.

  • Profile Image
    Jeanette
    Answered on July 03, 2014 at 02:26 PM

    You are much welcome!