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

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

Initial Email From: Miguel
Initial Email Subject: Question
Support Case Month: April 2012

Hello, I have two questions:

I would like to have a button "outside" of the tabs that when clicked, will open the 3rd tab.  Where do we find this documentation?

Thank you!

Regards,
Miguel

Related URL: http://www.bgbma.com

Reply From: Likno Customer Support

Dear Miguel,

Regarding the Tabs, you can do this with JavaScript, by using the Tab compiled name like so:

likno_tabs_project.gotoSheet(2);

Note that you need to replace “likno_tabs_project” with your actual compiled name (with “_” instead of “-“).

Also note that the numbering in the API starts from zero, hence the third tab is (2).

I am afraid that the above (and the Tabs JavaScript API in general) are not yet documented.

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 Tabs Builder, abstracted and stripped of all user’s private info.

Initial Email From: Hans
Initial Email Subject: Passing paired variables
Support Case Month: March 2012

Hi, I am using the Web Tabs Builder and I would like to pass variables to the pages I selected via the body page link.

This however doesn't work. The variables get lost underway.

How can I pass variables via my URL to the tab pages?

Thanks for your help 

Reply From: Likno Customer Support

Hello,

I am afraid I will need some more information in order to understand the problem. What kind of variables are you passing, and were?

Is this variable a fixed value that you added into the project?

Or are you passing different values each time using the JavaScript API?

If you are putting the value in the project, like in the screenshot, note that you can only put a specific value – NOT a variable name to be calculated when you click the tab.

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

Hello,

I am passing variables from outside the Web Tab to the tab sheets.

Like for instance, the year and month variables I use outside the webtab and I need them in the pages inside the webtabs.

I found a solution in that I use session variables. That works all right.

But I know now that it is impossible to transfer name value pairs from outside the webtab to the pages inside the individual tabs.

Thanks for your rapid answer anyhow.

Best regards,
Hans

Reply From: Likno Customer Support

Dear Hans,

It is not impossible to pass parameters. This is why I asked you how you are trying to do this.

The session variables will of course work fine, as would cookies. However it is possible to pass even normal parameters if this is what you want. The way to do this however is through the use of the API and the DIVs or UL/LI population method. In this case, you define the tabs content within your page, and you can use your server-side code (PHP, ASP etc) to “write” the correct URL for each Tab Body.

If you still want to do it this way and need more help, do let me know.

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: Theologos
Initial Email Subject: Likno Mega Menu
Support Case Month: March 2012

Hello,

When using your software and Full HTML mode for creating e.g. a Mega Menu, can you enter apart html, php code to dynamically create the html content?

And if yes, does it need full code with connection strings etc. or does it get that from within the page that it is inserted into?

I want to create a big Mega Menu, but the content to be dynamically created.

Thank you in advance,
Theologos

Reply From: Likno Customer Support

Hello,

I am afraid that this only supports HTML, so it is not possible to use PHP. If you want to create dynamic menus there are two ways to do this:

1) Using the Server-side menu API to manually build your menu

2) Using a UL/LI structure to generate the menu structure

The first will allow you to do whatever you want, without restraints, but it requires custom coding in JavaScript (you will have to “write” the JavaScript commands into the page using your PHP code).

The second is very easy to use – just use PHP to “write” a UL/LI list in the page that resembles the menu structure and add (or not) the “protected” menu items as you want. This however forbids the use of custom items, which means that your menu will only use the six main styles (three for group, three for item) defined in the Style Editor.

If you do not use custom items anyway, then I highly recommend going with the UL/LI structure. If on the other hand you do need customizations and are comfortable with JavaScript coding then you can go with the first solution.

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

Hello,

What I want to do is populate that html full field of likno, with html generated via php in order to create on the fly a Mega Menu where the html content is dynamically produced.

Example: Within the opened Mega Menu, I want links to be shown that are generated by a database.

Is there a way that this can be done via custom development and how much will this cost?

Theologos

Reply From: Likno Customer Support

Hello again,

Are you suggesting that we do this in your site for you? I guess this is also an option (I can ask for a quote), but if you are comfortable with PHP it should be really easy for you to do the same thing.

Assuming that you do not need any style customizations and hence you can use the UL/LI structure, here are the steps you need to take:

1) Create an include file that will have the AllWebMenus code. You could omit this step and put the code in every single page, but it will probably be much easier to maintain the menu if you have everything in a single file. Make sure this file is included in your pages.

2) The include file should have the Linking Code, and it should also have a UL/LI structure. Here is an example of the Linking Code and UL/LI structure that would generate a mega-menu:

For more details and example of UL/LI code, for the menu you have already created in AllWebMenus, check here:

Note however that you will have to mass-replace all the “&lt;” to “<”, all the “&gt;” to “>” and all the “&amp;” to “&” (with this order) in order for this to work as expected.

Also if you click on the question mark right next to the UL/LI radio, you will find detailed information on how the UL/LI feature works.

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

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

Initial Email From: Dan
Initial Email Subject: IE Display issues
Support Case Month: September 2012

Linko,

You guys are amazing.  Your products are great.

My company has been a customer for a long time (2007?) and we are using the AllWebMenus product for many of our clients and on one client’s server with the Server Side Menu API as well. So I have extensive experience programming with your product.

So here our issue.  In IE10, IE9, IE8 (not checked IE7) if the menu is positioned relatively to an element in a CSS/DIVs only website (no tables) and the page is stretched out say from 1024 x 768 to 1280 x 768, then the menu scrolls to the right and is out of position.

You can see an example of this at our client {URL REMOVED}

Looking at the {URL REMOVED} in Chrome/Safari/Firefox at width 1024 , then stretching the browser to a width 1280 or more moves the menu on IE browsers to the right.  This behavior is not seen on the other browsers.

We are also seeing this issue on our client who has the Server Side API Implementation too. On that Server Side API implementation,  the current build number (awmLibraryBuild=850) displays the menu properly on all browsers but on the latest build it does not.

We greatly need assistance on this issue.

Thanks,
Dan

Reply From: Likno Customer Support

Dear Dan,

It seems that this is caused due to a CSS line in your “style.css”. Specifically the problem is caused by:

body { position: relative; }

However I noticed that this is part of your blog theme, so you may not be able to change it.

I have forwarded this case to our developers to see if they can develop a workaround on the menu library side. I will let you know as soon as this is ready.

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

Kostas,

Thank you so much for fixing this issue in the latest (build 898).  We really appreciate it.

Make sure to tell the developers they are amazing.

Dan

Reply From: Likno Customer Support

Dear Dan,

Thank you for your good words

I will pass them on to our developer team.

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 Drop Down Menu Trees, abstracted and stripped of all user’s private info.

Initial Email From: John
Initial Email Subject: Drop down menu trees question
Support Case Month: June 2012

Hi,

I'm evaluating the trial version of your Drop down menu trees program and when I create a new project and preview it, the selected leaves show as being selected in the preview, which is what I want.  However as soon as I begin customizing it by adding putting a value in the link field under the mouse click column that leaf no longer will show as being selected.  Am I missing something?  I'm ready to purchase a license for this however I do need to know I can have the currently selected page (leaf) showing as being selected.

Thanks,

John

Reply From: Likno Customer Support

Dear John,

I am afraid that there is currently no automatic way to re-select the “current” item in the tree. You can do this using the API if you want, but this would mean adding a given code in every page to select the desired item.

Is this something you consider critical for the application?

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

My customers like this option Kostas, I often use a similar option in AllWebMenus  to indicate the active page.  I'm looking to upgrade an older tree application in one of my web sites (http://barnquilts.com) which does indicate the active page in the tree.

If you could tell me what it would involve to use the API and additional code that might work for me.  I'd really like to use your tree program, I love using the other Likno products I'm licensed to use.

John

Reply From: Likno Customer Support

Dear John,

Using the Tree API you can call the tree (using its “compiled name”) and then toggle and select the items you want.

For example if you add the following code to your page (right after the Linking Code):

<script type="text/javascript">

    setTimeout(function () {

        tree.toggleBranch("tree_1");

        tree.selectBranch("tree_1_0");

    }, 500);

</script>

This will unfold the second tree item (assuming it has a subtree) and select the first item of its subtree. Note that the numbering starts from 0.

The above will work in a default new project.

If you change the compile name of your tree to “mytree”:

Then the above code should be:

<script type="text/javascript">

    setTimeout(function () {

        mytree.toggleBranch("mytree_1");

        mytree.selectBranch("mytree_1_0");

    }, 500);

</script>

Note that the 500ms delay is there to make sure that the tree had time to load before you try unfolding and highlighting it.

Let me know if you need more help on this.

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

You may also want to read the API documentation in the help:

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

Thank you Kostas, I I'll give this a try then.

Thanks again,

John