Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

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

Initial Email From: Josef
Initial Email Subject: Accordion builder DRUPAL Addin
Support Case Month: July 2012

Hello,

I try to integrate an accordion in my Drupal 7 basic page node "Test" by using the Drupal Accordion Module Add-in with shortcode positioning.

Everything works fine if I use the accordion-builder option "Populate the accordion panes inside this project".

As soon as I choose the desired option "Populate the accordion panes inside your page, through a UL/LI structure" no accordions appear?
(The positioning is "embedded in page  replace the UL/LI structure that populates your accordion panes",  a <ul><li> structure exists on the node,  the shortcode is correctly edited on this node)

My accordion project is based upon "Example 01.lwac" (no changes).

So where is my mistake?

Thank you for help

Regards
Josef

Reply From: Likno Customer Support

Dear Josef,

I am afraid that the UL/LI population method is not currently supported by the Drupal plugin.

It is in the TODO list, but since you are the first to ever ask for this it was considered as a low-priority task until now.

I will forward this to our developer team so that it becomes a task of higher priority.

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: Josef

Dear Kostas,

thank you for your open answer - it's no good news. Because of this feature I even purchased an unlimited license today. I need this, because the website where we intend to use this function will have several content editors at different places - so I would be very glad if this documented feature will come very soon.

Regards
Josef

Reply From: Likno Customer Support

Dear Josef,

I have just uploaded a new Accordion release (and Drupal module) that supports ULLI and DIVs structure in Drupal.

Please download the Accordion Builder here:

http://www.likno.com/jquery-accordion/download.php

and the Drupal 7 module here:

http://www.likno.com/jquery-accordion/drupal-accordion.html

Let me know if you find any problems.

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

Important: due to a Drupal limitation, you should change your positioning to “Element” and use the ID you are given by the Drupal module. If you choose “replace ULLI/DIV structure” then the accordion will appear at the bottom of the page.

Example:

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

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

Initial Email From: User
Initial Email Subject: linking from external page
Support Case Month: June 2012

Hello

In the modal windows, how can I link to an external page and call on one specific item on that page?

For example, I have a group of 20 charts all on one page. I want to call up chart1 with one link, and chart6 with another. AND only that chart. Otherwise, I'd have to have separate small files for each chart. Is that possible to do and how?

Thanks.

Reply From: Likno Customer Support

Hello,

This is possible if you have the charts in separate DIVs and you call the page as “AJAX” specifying the DIV to load.

For example the following value in the AJAX field would load only the page element with ID=”container”:

test.html #container

and the following value in the AJAX field would load only the page element(s) with class=”container”:

test.html .container

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: User

Thanks. But could you be a bit more specific?

Like showing me with an actual link and where do I place that link inside the project builder?

I’ve had a look at some videos and  nothing I found showed how to do this.

They only speak of an entire page.

I figure, that if the division on the same page can be linked to, why not on any other page?

When encountering a url link such as “#item_1”, the browser is assuming that the container is on the same page.

I did find one item in one of your pdf files that showed an example, tried it and it did not work.

Reply From: Likno Customer Support

Hello again,

The information I gave you was for use within the application and not for page links:

Also, this is not part of the documented features of the application and hence you could not find it anywhere.

I am afraid that there is no direct support for partly loading an external document through page links.

Still, if you send me a URL to see your test page, I may be able to offer a different solution.

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: User

http://1littleworld.net/test/1960/sidepanel.html

This is not an AWM project but does show the problem.

The linked page shows all ten tables. There should be a way of showing only the table for that item.

So when item 1 is clicked, table 1 appears.

BTW, that’s a script you guys could offer.

As I think it’s neater and cleaner than a modal.

Reply From: Likno Customer Support

Hello again,

The effect you sent me is indeed a very interesting use-case and it can probably be achieved using our “accordion” application.

Regarding the partial Ajax loading, did you try it with Modal as I instructed you?

I am asking because I did a test locally and it seems to work fine.

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: User

Ok thanks.

I will have to experiment with it then.

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

Initial Email From: User
Initial Email Subject: linking multiple divisions to one window
Support Case Month: June 2012

I am building a series of pages. Each page has 100 items. I want to use only one modal window per page. Some time ago someone showed me how this was done.Could you be so kind as to show me how it is done properly?

The simple table below will give you an idea. When either link is clicked, only the first ID div shows up in the window.

<table border="1">
<tr><td><a href="# Robbins1" target="Modal_Window_1">El Paso</a></td></tr>
<tr><td><a href="# Avalon1" target="Modal_Window_1">Why</a></td></tr>
</table>
<div id="Robbins1">
Marty Robbins<br>
El Paso<br>
Running Gun<br>
</div>
<div id="Avalon1">
Frankie Avalon<br>
Why
</div>

Thanks for the help, again.

Reply From: Likno Customer Support

Hello,

I believe that you want to use “Modal_Window_1_single” instead.

Please make sure that you have selected the “Make certain links/forms in page open in this window” option and read more about it there:

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

Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.

Initial Email From: Steve
Initial Email Subject: Firefox menu vertical shift
Support Case Month: December 2012

I have a small problem. In fact, about 1 px small.
In Firefox, the menu I created shifts down by about 1 px. It displays fine in IE and Chrome and I've gone over all the sizes to make sure they 're right.
If you go to the website I list above and look closely, you can see that the actual menu which has about 120 px padding left and right, is sitting low in Firefox. I tried this on two different PCs with 2 different versions of Firefox and they both do the same thing. You can also see (if you look hard) that the highlighted menu item has about a 1 px margin at the top of the highlight (again, showing that the menu is shifting down by about 1 px.)
Any ideas what might cause this?
I can fudge it by adding 1 px to the menu bar background and no one would probably notice (except me). But, I rather not.
Thanks,
Steve

Reply From: Likno Customer Support

Dear Steve,

I checked your page and noticed that the <span> you use for positioning is 1px low in Firefox, hence the menu is lower too.

My suggestion is that you use the parent <div> for positioning and instead of adding a padding to move the menu, use its offsets:

<div id="navBar">&nbsp;</div>

Even better, you could just center the menu to the <div>:

Best 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: Steve

You're good!

That did it.

Thanks,
Steve

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Initial Email From: Rick 
Initial Email Subject: Menu appears under other elements
Support Case Month: November 2012

On the page given, you can see that the menu will appear under the PDF document, which is generated via javascript.  How can I make the menu appear on-top of the PDF document?

I have the z-index of the menu set to 9999 and the Div containing the PDF set to 1.

Thanks for any assistance.

Related URL: http://www.fvpd.org/a/index.php?p=view_pdf&id=112

Reply From: Likno Customer Support

Dear Rick,

The reason is that these files have special plugins that fully take over the part of the browser where they appear and ignore the z-index.

Nonetheless, we have developed a special fix for IE6 that seems to also work in this case. Please go to the Project Properties in the “Optimization” section and select the “iframe fix”:

If this does not work, please let me know and also export and send me your menu project so that I can run some more tests:

Best 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