Modify Accordion Style

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
7/15/2014 7:23:10 PM
Gravatar
Total Posts 2

Modify Accordion Style

Hi,

I am using accordion in mojoportal.

The following style of the accordion rendered in the browser is

style="display: block; height: 120.08888959884644px;"

How can I change the style of the accordion to the following?

style="display: block;"

Thanks a lot

 

7/16/2014 11:08:15 AM
Gravatar
Total Posts 2239

Re: Modify Accordion Style

There's a lot of good information on the jQuery UI stuff here.

You need to find where that height rule is coming from. Is it on the element directly as inline style or is it through a CSS class? If it's on the element directly, chances are there is a bit of JS running somewhere adding it. If it's through a CSS class, you just need to find that class and remove the height rule. If you're not hosting your own jquery UI CSS, you'll need to create an override rule in your style.css to override the height (set it to height: auto;). The override rule should use the same selector (set of classes and/or IDs used to target an element).

Just for future reference, this isn't really a development question; it's a skinning and design question so it's best to have stuff like this in that forum.

HTH,
Joe D.

 

You must sign in to post in the forums. This thread is closed to new posts.