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


Initial Email From:
David
Initial Email Subject: Accordion pane height 
Support Case Month: February 2014

I have an accordion in the sidebar of this page.  Can you please tell me how I can get the panes to open completed for all the headers.  For 2 of the headers the pane does not open completely and inserts a scroll bar on the right.

Thank you

Reply From: Likno Customer Support

Hello David,

Hmmm…I think that you have zoomed out your page. Please, go to Chrome Menu -> Zoom and set it back to 100%

Google Chrome zoom-in

Then, it should be fine:

Google Chrome zoom

Thank you.

Kind Regards,

Aggelos Tsakonas 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: David

I uninstalled and reinstalled Chrome – that fixed it – must have been a bug.

Thanks for your help.

David

Reply From: Likno Customer Support

Hello David,

Thank you for your feedback and glad to see its working now Smile

Have a nice week!

Kind Regards

Aggelos Tsakonas 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , ,

 

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


Initial Email From:
David
Initial Email Subject: mouse over transition
Support Case Month: January 2014

If you take a look at the URL I've attached you can see that I have a mouse over state where the text changes color and the left margin increases.

Is there away to "slow down" the transition from the normal state to the hover state so that it appears as if the text is sliding to the right?

If so, could you help me with the CSS needed and indicated where exactly I would put it.

Thank you,

David

Reply From: Likno Customer Support

Hello David,

Open you accordion project  -> Style Editor -> Pane Headers Common CSS -> Hand Coded CSS and type transition: all 0.3s ease-in;

CSS transition for accordion header

Re-compile your accordion project and re-upload the produced files to your server.

This way you will have the headers of the accordion to have the same transition effect as your menu.

Please, let me know how that worked for you.

Thank you.

Kind Regards

Aggelos Tsakonas 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: David

Thank you.  That worked, and it looks great.

 

Tags: , , , , ,

 

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


Initial Email From:
Mehdi
Initial Email Subject: changing hyperlink properties
Support Case Month: February 2014

Hello,

how can i change font properties like color, size, type, decoration, etc. of hyperlinks on accordion menus, both on closed panes and on pane bodies?

Thanks.

Mehdi

Reply From: Likno Customer Support

Hello Mehdi,

You can customize all of that properties for Accordion Headers in Style Editor tab -> Pane Headers.

You can set some common styling properties for all the headers by clicking "Pane Headers Common CSS" and then you can set extra styling properties for each of the states (Pane Closed, Pane Closed – Mouse Over, Pane Open, Pane Open – Mouse Over)

web accordion CSS properties

Clicking on the above areas a CSS Editor window will appear in which you can select the properties you want on the WYSIWYG CSS tab or add more hand coded CSS by clicking on the Hand Coded CSS tab.

WYSIWYG CSS Editor

Please, let me know if you need further help.

Thank you.

Kind Regards

Aggelos Tsakonas 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Mehdi

Thanks for responding quickly and sorry that i wasn't clear.

I had tried changing all of those parameters. they change everything except for color, size, and decoration of those links in the menu. I have even changed the font and background colors so i can see exactly which of those areas change attributes of the links but still none of the changes that i did to the font attribute changes the color, size, and decoration (unbold) the fonts of those links. i have attached the accordion file that i have put together for the following menu: {URL REMOVED}, can you tell me what i am missing please? thanks....

Reply From: Likno Customer Support

Hello Mehdi,

Those are links so they get the styling properties set for links in your page.

I would recommend you to give your links a class name, for example class="menuLink"

hyperlinks

Then in your CSS file you can define that class like in the following code:

hyperlink CSS

This way, you can define what CSS properties you want for the links in your accordion headers.

Note, when you change the above to your Accordion project you need to re-compile it and re-upload the produced files to your server.

Please, let me know if you need further help.

Thank you.

Kind Regards

Aggelos Tsakonas 
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Mehdi

Great. Thanks, Aggelos.

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Richard
Initial Email Subject: Do any of the add-ins work in Joomla
Support Case Month: February 2014

I use Joomla and would like to know if things like Accordian, Tabs, and other utilities work in Joomla.

Reply From: Likno Customer Support

Hello Richard,

You can use Likno Web Accordion Builder and Likno Web Tabs Builder with in your Joomla website. We also have add-ins for both the Builders so you can integrate your tabs/accordions more easily on your Joomla website.

Likno Web Tabs Joomla Add-in : http://www.likno.com/jquery-tabs/joomla-tabs.html

Likno Web Accordion Joomla Add-in: http://www.likno.com/jquery-accordion/joomla-accordion.html

You can also use the other tools on your Joomla but you may need more help.

Thank you.

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , , , ,

 

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


Initial Email From:
Nikolay
Initial Email Subject: Cannot place accordion to the website
Support Case Month: December 2013

I prepared a floating  accordion from the example 17 and as an experiment placed  into only one page: {URL REMOVED}

Result you may see - page is little bit damaged.

Reply From: Likno Customer Support

Hello,

You have missed the accordion positioning element from your page.

You need to have it as <div id="liknoaccordion_positionID"></div>

jquery accordion positioning element

Let me know if you need more information.

Thank you!

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Nikolay

I changed  positioning as you told. But accordion does not appears.

You may see it here: {URL REMOVED}

Reply From: Likno Customer Support

Hello Nikolay,

Please export and send me your project file, so that we can have a better look at the problem.

This is what you should do to export your project into a ZIP file and then email this ZIP to us.

export accordion project

Thank you!

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Nikolay

Hi Aggelos, I did it.

The project is attached.

Best Regards,
Nikolay

Reply From: Likno Customer Support

Hello Nikolay,

You have selected to populate your accordion through DIVs but you haven't inserted any population code in your page.

Go to you accordion project, in Sample Code tab, copy the code the populates your items and paste that code in your page where you want the accordion to appear.

jquery accordion sample code

Let me know if you need more information.

Thank you!

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows