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

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

Initial Email From: John 
Initial Email Subject: Using an asp.net form in a mega menu
Support Case Month: July 2013

Hi Kostas

I have a new support request, but linked to this previous one (below).

I would like to create dynamic mega menus using a UL/LI structure generated by ASP.

Our menu format uses 5 columns created by a div structure. The attached txt file shows the full html version which works with AWM but is not dynamic. 

We can replace the existing links with UL/LI structures, but I expect that to achieve a controlled 5 column layout we would need 5 separate UL/LI structures (one per div). 

Is this going to work?!

Thanks for your help.

Regards,
John

Reply From: Likno Customer Support

Hello John,

If you need to use 5 DIVs then the answer is yes, you would need 5 different menus which is not the best solution.

Why don't you use one div that holds the whole ul/li structure for your menu?

Check the AllWebMenus sample ul/li structure to get an idea how the menu is populated in ul/li.

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!

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

Initial Email From: John
Email Subject: Using an asp.net form in a megamenu
Support Case Month: May 2013

Is there a way to include an asp.net form within a menu subgroup? We have a conventional html-based megamenu design, to which I would like to add asp.net controls to display item prices and urls loaded from a datasource.
John

Reply From: Likno Customer Support

Dear John,

This is not impossible, but it may be tricky and in any case it requires custom code.

It is not possible to include server-side code (ASP) into client-side code (JS), but it is possible to include it in the HTML of your page.

Hence I believe the best approach is to use an in-page UL/LI structure for populating your menu and include the ASP there.

Note that AllWebMenus can give you a sample code of the UL/LI you need to have in your page, based on your existing menu:

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

That was fast, Kostas! 

I appreciate your answer, but I don't believe it answers my question. 🙂

We already have a megamenu with subgroup items that are in HTML.  My question is whether we can use asp.net controls within the subgroup's HTML. I tried it, but it didn't seem to want to work.

Does that explain my problem more clearly?

I hope all's well with you.

Regards

John

Reply From: Likno Customer Support

Dear John,

Sorry for the misunderstanding, I will try to explain this further.

I understand that you typed your HTML code within AllWebMenus, right? This means that the HTML code is included in the compile JavaScript file which you then upload online.

The problem is that any code you add in a JavaScript file, will not be processed by the server, hence any server-side code you add (such as the ASP include code) will appear as plain HTML or text inside your menu and will not be processed by the server.

If on the other hand you put your population code in your HTML page, then (if you also have this configured on your server, which is very likely) this page will be first processed by the server for server-side code and it will then be served to the client. This way the server-side code will work.

The downside of using UL/LI code to populate your menus is that you need to have this code in each of your pages, however this is not much of a problem as you can add this code in yet another ASP include file, or (if you have one) in your template file.

I hope this was more clear than my previous answer. Let me know if you need more help.

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

Dear Kostas

That's very clear. Thanks!  Looks like I'm heading for a world of pain again!!

Bests,
John

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

Initial Email From: Giulio
Email Subject: Menu not appear in IE 10
Support Case Month: March 2013

I verified that the menu do not appear in IE 10 browser, how can I resolve?

I used Version:   PRO v5.3  Build:  #898

Thank You

Thanks.

Reply From: Likno Customer Support

Hello,

I was surprised to see what you’ve done with your menu! Very nice work with the dynamically generated ASP pages.

However there is one drawback in what you’ve done… you are still really using AllWebMenus build 814!

Please try doing a fresh compile and copy-paste into your ASP the code of the new compiled file, at least up to the line “awmzindex=1000;”.

This should fix the problem.

Furthermore, I did not check, but I hope that you are also uploading the new library files. If not, then your menu may also be invisible in Safari 5+.

In order to be 100% safe, you should use “server-side menus” and use your ASP to dynamically create the menu content, without messing with the Linking and the libraries.

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

Hi Kostas thanks for your help.

I made the upgrade you wrote (code and library files), now in IE10 the menu appear but (Only on IE10)

there is a problem, the sub menu width is narrow and the voices go on two or more lines.

You can see the problem here

{URL REMOVED}

How is possible to resolve?

Thank You

Reply From: Likno Customer Support

Dear Giulio,

The problem is that your page does not have a valid DOCTYPE and falls into “IE quirks mode”.

To fix the problem, please remove this line:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

And add this, but also make sure that it is the very first line in your document (without even an empty line before it):

<!DOCTYPE html>

This is the new HTML 5 DOCTYPE. If you prefer the old HTML Transitional DOCTYPE, then the proper code is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

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

Thanks Kostas it works, but the site is optimized for <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

and is not validated with <!DOCTYPE html> or

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

There is a workaround that avoid me to modify all the pages for validation(very hard work)

Thank you

GIULIO

Reply From: Likno Customer Support

Dear Giulio,

I just noticed that in my last email I sent you the XHTML 1.0 transitional DOCTYPE instead of the HTML 4.01.

Do you want to also try this one?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

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

Hi Kostas Thanks Again i made a new test page with this solution what happen now

{URL REMOVED}

is that the menu is not in the correct position and the position is different in different browsers.

Any ideas?

Thanks

Giulio

Reply From: Likno Customer Support

Hello again,

This is because different browsers will have different default settings for text alignment.

More specifically, you currently position your menu relative to a <span>. In IE, under this DOCTYPE, the span is centered in the <td> and your menu follows the <span> (its left-top corner is bound to the left-top cornet of the <span>).

Possible solutions (choose any one):

1) replace this:

<td id="TDSX">

With this:

<td id="TDSX" style="text-align: left;">

2) set the AllWebMenus positioning to “center”:

3) Change the AllWebMenus positioning to directly use the <td> instead of the <span> and then remove the <span> from your page (this is probably the best):

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

Hi Kostas it seems that work the first solution.

Very Very Thanks, this is one of the best support I meet over the world.

Very thanks Again

Giulio

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

Initial Email From: Glenn
al Email Subject: All Web Menus API
Support Case Month: February 2013

I purchased an unlimited domain version the web API. We are coldfusion developers. I was hoping you would have some examples of coldfusion database integration that we could review to see what we are missing.

I have read though all documentation and the knowledge base without finding a successful solution.

Do you have any Coldfusion implementation coding examples?

Glenn

Reply From: Likno Customer Support

Dear Glenn,

I am afraid that we do not have any Coldfusion examples. However it should not be that much different than any other server-side language.

Did you see our VB/ASP/PHP example?

http://www.likno.com/addins/dhtml-menu-serverside-example.html

The main idea is to produce a specific JavaScript code that will create the menu. It does not matter which server-side language you choose to “write” these JavaScript commands!

Please have a look at the above example and if you need more help, let me know and also send me your existing ColdFusion code.

Best Regards,
Kostas
Likno Customer Support
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!

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

Initial Email From: Todd
Initial Email Subject: AWM: Use of ASP (Response.Write)
Support Case Month: January 2013

Greetings. I have a question related to the use of ASP with AllWebMenus. Rather than typing in a lengthy message, I've chosen to opt for a video of my screen. I use Jing to do this.

I thank you very kindly. Any help is most appreciated.

Todd

Reply From: Likno Customer Support

Dear Todd,

I am afraid that ASP code cannot work within AllWebMenus. What you can do instead is that you can use “Custom Variables” and do the job.

To do this, you need to first of all add some code in your page (before the Menu Linking Code) where you will give JavaScript variables the correct values. For example:

var assLiving = <% Response.Write URL_AssistedLiuving %>

<!-- ******** BEGIN ALLWEBMENUS CODE FOR (... etc.)

Then within AllWebMenus you can use this JavaScript variable directly into the Link field:

<awm:assLiving>

For more details and examples you can search the help for “custom variables”. Let me know if you need more help.

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