Results 1 to 2 of 2

Thread: CSS Styleguide for GXT components

  1. #1
    Sencha Premium Member
    Join Date
    Jul 2014
    Posts
    20
    Answers
    2

    Default CSS Styleguide for GXT components

    Hi,

    i am wondering if there exists a CSS styleguide for all GXT components. It is very tricky to style these components properly because there are so many ways (and mostly there're not working).

    It actually would help to know how these GXT components are presented in HTML-code (to style the subcomponents).

    Thank you

  2. #2
    Sencha User
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,737
    Answers
    109

    Default

    GXT has two basic mechanisms at this point to modify styling, the simple/easy, and the powerful/hard. We started with the appearance pattern (documented first by GWT at https://code.google.com/p/google-web...arance_Pattern then on our blog at http://www.sencha.com/blog/ext-gwt-3-appearance-design and more content can be found in our docs at http://docs.sencha.com/gxt/latest/), which gives you not only the ability to set whatever CSS or images you want for your widgets, but also to rebuild the HTML structure itself and even some behaviors as well.

    The GXT 3.1 release then included the Theme Builder tool which greatly simplifies the process by building the appearance for you - instead of defining all of the specifics of each appearance implementation or subclassing our 'base' or 'default' implementations, you build a config file that describes your theme, and it builds it all for you. Check out these links for more details:
    http://www.sencha.com/blog/making-a-...r-been-easier/
    http://docs.sencha.com/gxt/3.1/conce...meBuilder.html
    http://docs.sencha.com/gxt/3.1/ui/th...ingThemes.html
    http://docs.sencha.com/gxt/3.1/ui/th...derSyntax.html

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •