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

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

Initial Email From: Ron and Anita
Initial Email Subject: Cant see the allwebmenus in expression web design view
Support Case Month: September 2012

We used the allwebmenus for expression web 4 addin and we used the standalone allwebmenus also, but the menus created cannot be seen in the expression web vr4 design view. The menu can be seen in browser preview. Since it isn't visible in design view it is very difficult to work out the location and positioning for the menu. Your software docs indicate that we should be able to see the menus and work on them in expression web design. Please advise us to how we can get allwebmenus to be seen in the design view. The only reason we purchase your app was because it would integrate into expression web 4, if this was a false advertisement we will ask for a refund , however we sincerely hope you can assist us with our dilemma. Our plans were for several more licenses for our staff of web designers to use with expression web. At this point in time we are forced to write our js code and manually position in the pages.
In hopes that you will have a solution, i look forward to hearing from you. Also please advise us to what you need to validate our license, I can provide the order number the license number or whatever you may need.
Sincerely
Ron and Anita

Reply From: Likno Customer Support

Dear Ron & Anita,

This is definitely not false advertisement, but from reading your email I am afraid there has been a misunderstanding. In our online page (http://www.likno.com/microsoft-expression-web.html) we clearly state that the menu is only visible in the “SuperPreview” of Expression Web:

Did you read something different elsewhere? If so, please let us know so that we can correct any misleading text.

I am afraid that the standard Expression Web preview is not capable of displaying complex components, hence it cannot show our menu.

I understand how this can be a problem, so if you want a refund we will give it to you without further delays.

If however you want us to help you find a more productive way of positioning your menus we are glad to help! I am saying this because you say something about js code and manually positioning, which is probably a far more troublesome procedure than it should be.

For example did you know that you can position AllWebMenus relative to any image or other html element in your page? If for example you use tables in your design, you can easily attach the menu to a specific <td> (same with <divs> or anything else). This should be fairly easy to work with.

Anyway, the choice is yours. Let me know how you wish to proceed. Just please also tell me if in your opinion there was a misleading text somewhere in our site so that we can correct 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

Hello again,

Continuing on my last email, I believe the biggest problem of the standard EW preview was that you did not see anything at all when you position the menu.

This has now been corrected, and when you position your menu you see a small <span> with the text “AWM”. In the SuperPreview you still see the full menu as it was before.

I hope this helps a bit more. Let me know of your thoughts on this. You can download the new plugin here:

http://www.likno.com/microsoft-expression-web.html

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: Ron and Anita

Thank you Kostas, I have worked the SP and had good success although there is a lot of switching back and forth, the plugin is good news I will give it a try and reply
Thanks again
Ron

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

Initial Email From: User
Initial Email Subject: MEGA DROP DOWN MENU
Support Case Month: June 2012

I have been using your software and have worked many hours to build my own MEGA DROP DOWN menu.  I have gotten it to appear fine in IE9, but I am having trouble with the submenus in GOOGLE CHROME and FIREFOX.  Sometimes the drop down menus do not show the white background so that the text in those menus shows up easily...if I reload the page after it loads the first time, it does show properly.  Any ideas?  Thanks!

Related URL: http://www.spoken-here.com/main_new3.asp

Reply From: Likno Customer Support

Hello,

Just before the submenu opens for the first time it tries to calculate the width/height it should take.

The HTML you entered has a lot of images without specified width/height, so when it opens it becomes a given size that fits the text. Then the images load and push the text down, but the submenu cannot re-adjust itself.

If you view the page again, then the images are already cached and hence appear instantly and can be properly measured.

There are two solutions for this:

1) Specify the width/height for each image.

2) Specify the width/height of the <table> container of each submenu.

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

Thank you!  That was very helpful and exactly what fixed it!!!!

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

Initial Email From: Becky
Initial Email Subject:  adding drop down menu to website
Support Case Month: March 2012

Hi.

I am done building my web menu. My coding is set so the drop down menus have an auto width however they aren’t adjusting to the correct widths..some have extra space and others have too little thus forcing the sub menus to become vertical instead of horizontal. Since each Sub Menu has somewhere between 1-3 columns I wasn’t sure how many to put in the style editor. I am wondering if it will in fact still look right on an html page. Which brings me to my other issue. I am planning on adding the menu to an existing site. It’s through Network Solutions, the menu would thus need to appear in the header design coding (to apply to all pages of the site). I’ve been reading through your knowledge bank but keep finding information on linking the menu to a site that has a local root on the desktop, this site does not. The site is {URL REMOVED}.

I’ve attached my menu.

Thank you for all of your help and assistance!

Cheers,

Becky.

Reply From: Likno Customer Support

Dear Becky,

If you turn the “Menu Structure” option back to “inside this project” you will see that you have set custom widths for most of your submenus:

This is why these submenus are not becoming vertical, while the ones that do not have a width set become vertical.

There are two solutions for this:

1) change the menu back to “populate inside this project” so that the custom widths are actually active, and set widths for all submenus

OR

2) change your HTML code for each submenu so that it does not “brake”. One way would be to add your DIVs within TDs of a single table row, for example:

<table><tr>

<td>

<div style="background:#000000; font-size:11px; color:#FFFFFF; width:auto; height:325px; float: left; line-height:20px; border-right:1px solid #BBBBBB;">

  <p style="color:#FFF; font-size:13px; font-weight:bold; margin:10px 15px 0 15px;"><a href="{LINK REMOVED}">Car Audio</a></p>

  <p style="margin:10px 15px 20px 15px;"><a href="{LINK REMOVED}" style="color:#ffffff;">Car Stereo & Head Units</a><br/>

    <!-- MANY MORE LINKS HERE -->

    <a href="{LINK REMOVED}" style="color:#ffffff;">Satellite Radio</a></p>

</div>
</td>

<td>

<div style="background:#000000; font-size:11px; color:#FFFFFF; width:auto; float: left; height:325px; line-height:20px; border-right:1px solid #BBBBBB;">

  <p style="color:#FFF; font-size:13px; font-weight:bold; margin:10px 15px 0 15px;"><a href="{LINK REMOVED}">Car Speakers</a></p>

  <!-- MANY MORE LINKS HERE -->

  <p style="margin:10px 15px 20px 15px;">
    <a href="{LINK REMOVED}" style="color:#FFFFFF;">Tweeters</a>
  </p>

</div>

</td>

<td>

<div style="background:#000000; font-size:11px; color:#FFFFFF; width:auto; float: left; height:325px; line-height:20px; border-right:1px solid #BBBBBB;">

  <p style="color:#FFF; font-size:13px; font-weight:bold; margin:10px 15px 0 15px;"><a href="{LINK REMOVED}">Car Amplifiers</a></p>

  <p style="margin:10px 15px 20px 15px;">
    <a href="{LINK REMOVED}" style="color:#FFFFFF;">Class D</a><br/>

   <!-- MANY MORE LINKS HERE -->

    <a href="{LINK REMOVED}" style="color:#FFFFFF;">Vehicle Specific</a></p>

</div>

</td>

<td>

<div style="background:#000000; font-size:11px; color:#FFFFFF; width:auto; float: left; height:325px; line-height:20px; border-right:1px solid #BBBBBB;">

  <p style="color:#FFF; font-size:13px; font-weight:bold; margin:10px 15px 0 15px;"><a href="http://www.driveinautosound.com/carsubwoofers.aspx">Car Subwoofers</a></p>

  <p style="margin:10px 15px 20px 15px;">
    <a href="{LINK REMOVED}" style="color:#FFFFFF;">6 1/2" Subwoofers</a><br/>

    <!-- MANY MORE LINKS HERE -->

    <a href="{LINK REMOVED}" style="color:#FFFFFF;">Vehicle Specific</a></p>

</div>

</td>
<td>

<div style="background:#000000; font-size:11px; color:#FFFFFF; width:auto; float: left; height:325px; line-height:20px;;">

  <p style="color:#FFF; font-size:13px; font-weight:bold; margin:10px 15px 0 15px;"><a href="{LINK REMOVED}">Installation Accessories</a></p>

  <p style="margin:10px 15px 20px 15px;">
   <a href="{LINK REMOVED}" style="color:#FFFFFF;">Car Stereo Installation</a><br/>

    <!-- MANY MORE LINKS HERE -->
    <a href="{LINK REMOVED}" style="color:#FFFFFF;">Batteries</a></p>

</div>

</td>
</tr></table>

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

Kostas,

Thanks for your assistance I was able to fix the alignment issue I was having with my submenus.

Thanks,
Becky

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

Initial Email From: Roxanne
Initial Email Subject:  AllWebMenus PRO v. 3.1.0.530
Support Case Month: March 2012

Hi,

I have one question if you can answer it. If I made changes in the v. 5 software to an existing menu in which I made from the older version (2003) software I had, would the menu not work when I upload it to my webpage? I have in fact made this change, saved it, compiled it and linked to my pages, but the menu doesn’t show up on the web pages. If I preview from the compiled links in the software, the menu shows up with the changes I have made. I did upload the js file and the awm file to the server. Still no menu appears on the page and it gives me an error on the page on the bottom left corner. I never had a problem uploading the menu to the server and it showing up on my web pages. If you have any explanation, I would very much appreciate it.

Thanks again,

Roxanne

Reply From: Likno Customer Support

Hello,

Did you upload the “awmdata” folder which holds the library and image files? If not, please do this and check again.

If you did, then please send me the URL of the page so that I can see what’s wrong.

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

Hi Kostas,

Thanks for replying. Since I emailed I was able to solve the problem of making the menu appear on the web page. I have a different problem now though. The new v.5 is just a little different than the 2003 version I had. I’m not quite understanding the positioning to get the menu to fit on the web page where I want it. On the web page template, I have a column on the left side in which the menu is placed. However, it is offset to towards the middle of the page. How do I position it to be in the place I want it to be? Thank you for your help!

Thanks,

Roxanne

Reply From: Likno Customer Support

Dear Roxanne,

It seems that you have specifically set the menu to be have an offset relative to the positioning element:

Also, I see that your positioning code is very old and possibly not as accurate as it could be.

Please find the following in your page:

<td height="2">

<div align="center"> <style>.awmAnchor {position:relative}</style> <span id='awmAnchor-Northside' class='awmAnchor'></span></div></td>

And change it into this:

<td height="2" id='awmAnchor-Northside'>&nbsp;</td>

This will position your menu relative to the table cell with pixel-perfect accuracy.

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!

Reply From: Roxanne

Hi again Kostas,

I changed the source code you suggested, but the positioning of the menu is still offset to the right in the table cell. Please let me know what I should do to get this menu centered within the table cell.

Thanks,

Roxanne

Reply From: Likno Customer Support

Did you also remove the offsets I showed you in the screenshot?

Also, considering that the table cell is smaller than the menu width, you may want to change your Positioning to the following values:

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!

Reply From: Roxanne

Well, I do have one more question. The menu I have was made with the 2003 software I had before upgrading. How hard would it be to change from the menu I have to a sliding menu?

Reply From: Likno Customer Support

It is as simple as changing a single property:

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!