jQuery UI Widgets Forums Navigation Expander jqxExpander

This topic contains 5 replies, has 2 voices, and was last updated by  Bentechsoft 6 years, 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    jqxExpander Posts
  • jqxExpander #20372

    Bentechsoft
    Participant

    Hi,

    I would like to know how to get right of the padding inside the jqxExpander header.  I need to implement a toolbar inside the header and I need it to be flush with the edge.   What css classes should I modify

    Thank you.

    • This topic was modified 6 years, 9 months ago by  Bentechsoft.
    • This topic was modified 6 years, 9 months ago by  Bentechsoft.
    • This topic was modified 6 years, 9 months ago by  Peter Stoev. Reason: Moved To Expander Forum
    jqxExpander #20376

    Dimitar
    Participant

    Hello Bentechsoft,

    The class that you should modify is jqx-expander-header. For example, you may add the following style:

    <style type="text/css">
    .jqx-expander-header
    {
    padding: 10px !important;
    }
    </style>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    jqxExpander #20411

    Bentechsoft
    Participant

    Great!

    I seems to work except that it applies to the jqxNavigationBar header as well. Is there a similar class for jqxNavigationBar so I can control both header style separatly.

    Thank you

    jqxExpander #20415

    Bentechsoft
    Participant

    I can always style the content of the jqxNavigationBar do use a padding of XYZ. But If I could apply a style the whole navigation bar, that would be best.

    Thank you

    jqxExpander #20510

    Dimitar
    Participant

    Hello Bentechsoft,

    Currently, the jqxExpander and jqxNavigationBar headers have the same classes. We will consider applying a separate class to jqxNavigationBar headers for more convenient use.

    However, you may still do one of the following:

    1) apply the padding changes only to the header of a particular expander, e.g.:

    <style type="text/css">
    #jqxExpander .jqx-expander-header
    {
    padding: 10px !important;
    }
    </style>

    2) Similar to 1) – apply a custom class to a particular navigationbar’s headers:

    $("#jqxNavigationBar .jqx-expander-header").addClass("navigationbar-header");

    and then apply the padding changes to that class.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    jqxExpander #20536

    Bentechsoft
    Participant

    I managed to do something along the lines of what to told me, instead of adding the class with jQuery, I applied the class directly to the div in the html.

    It works fine

    Thank you

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.