jqxExpander

[BentechsoftParticipant]

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.

[DimitarParticipant]

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/

[BentechsoftParticipant]

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

[BentechsoftParticipant]

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

[DimitarParticipant]

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/

[BentechsoftParticipant]

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

[Author]

Posts