Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.


Initial Email From: Michael
Initial Email Subject: customize web accordion
Support Case Month: July 2012

Hello,

I purchased 2 products from Likno. I very happy with the products, however, with the web accordion builder I am having one problem. If I Add the code to an empty page on my website it looks beautiful as in pic #1 below, but on the home page, Pic #2 it is stretched out.
I also noticed that the text is different in both pics. Something to do with the CSS file?? Could someone help me with this problem? Thank you very much

Best Regards,

Michael

correct view of accordion wrong view of accordion

Reply From: Likno Customer Support

Dear Michael,

I checked both your pages and the accordion seems “broken” in both pages in most browsers! It seems to be ok in the “empty” page only in IE because this page has no DOCTYPE (or even a <body> tag!) so it forces IE into “quirks mode” (essentially IE5.5 Compatibility mode). Shall I assume that the accordion also looks broken into the application preview?

If you cannot find the cause of the problem in the CSS you used into the application, please export and send me the project so that I can have a look.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Likno Customer Support

Hello again,

After having a second look into your project and your page, I believe that the problem is caused by the different HTML you used, and specifically due to the <p> elements which tend to increase the size.

Please try using the application “Sample Code” especially for the Headers to see if this corrects the problem:

sample accordion code

Note that you can only insert one of the four identical <img> tags you see in each header. Each <img> represents a state (normal, mouseover etc) but since you use the same image in all states you can only have one.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Michael

Hello Kostas,

I think it looking much better now! Thank you for your help. One thing I would like to change is the thin black border around the accordion, can I change the color?

Best Regards,

Michael

black border around accordion

Reply From: Likno Customer Support

Dear Michael,

This is easy Smile  it is part of the Container CSS:

accordion container CSS properties

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter