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


Initial Email From:
Sarah
Initial Email Subject: Question about AllWebMenus Pro product
Support Case Month: August 2013

Hi Likno Sales!

Currently I am using an older version of the AllWebMenus product on my website that is not showing in the Safari browser and I am thinking about upgrading to the newest one.

Will this new AllWebMenus Pro work in all browsers (IE7, IE8, IE9, IE10, Chrome, Firefox, Opera, and Safari)? And will this menu work on my website if someone is viewing the site on their phone? My site is not a responsive website, but when you look at it on the phone, you can see it as a mini version on the phone and I want to know if the menu is compatible with phone browsers. So even when people are pinch to zooming on my site from their phone, they are able to use the menu.

Also, when I purchase this product, will there be instructions on how to integrate this product into my website? Is there instructions on how to upgrade or change the AllWebMenus I currently have in my website with the new one?

Thank  you! 
Sarah

Reply From: Likno Customer Support

Hello Sarah,

The answer is yes, AllWebMenus Pro (the latest version) works in all modern browsers including IE7, IE8, IE9, IE10, Internet Explorer 11, Chrome, Firefox, Opera, Safari.

Indeed, the menus are going to work on devices such as smartphones/tablets.

With AllWebMenus you are able to create up to 4 versions of your menu in case you want it to be responsive. Still, you can leave it as is and it is going to work on phones/tablets.

When you purchase the product, you need to login to your userarea and download the latest version of AllWebMenus.

Install AllWebMenus Pro.

Activate it.

Then, open your menu project, re-compile it and re-upload the new produced files.

Let me know if you need more information.

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

Thank you, Aggelos!

 

Tags: , , , , , , , , , , , , , , , ,

 

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


Initial Email From:
Steve
Initial Email Subject: What is the box to the left of the submenu?
Support Case Month: June 2013

When you click on the Main top menu, the very first drop down menu level has a box to the left what is this how can I get rid of it.

Reply From: Likno Customer Support

Hello Steve,

I guess you mean the green boxes that you see in the screenshot below.

menu floating images

The most probable is that you use "Has header" property in submenu items. Please, select "No" in this property.

menu has header

If this is not the case,

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 menu project

Thank you!

Best Regards,
Aggelos Tsakonas
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: Steve

Hi thank you for getting back to me so quickly,

Yes it is those green boxes, depicted in your email!

No it does not appear to be the header, (but I am open to correction!)

Please find attached the zip file

Regards,
Steve

Reply From: Likno Customer Support

Hello Steve,

For some reason you have set this image as a Floating image (see screenshot below):

menu floating image property

I have corrected this and I am attaching you the corrected project.

Let me know if you need any more help.

Best Regards,
Aggelos Tsakonas
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: Steve

Hi Aggelos,

All sorted thank you.

Small but irritating box has disappeared now.

Regards,
Steve

 

Tags: , , , , , , ,

 

Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #920.

Check out What's New

- Enhanced the Color Picker for the "Background Color" property on menu items, so that it supports opacity (rgba).

CSS background color opacity

- Fixed the "3D Menu" Theme.

3D menu theme

- Fixed the Show Footer property.

- Fixed an issue on Cross Frame Support.

- Fixed Import Missing Images issue.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version here: http://www.likno.com/download.html

--------
Likno Software - 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

 

Tags: , , , , , , , , , , ,

 

 

In this article we will see how we can change the Default Drop-Down (Horizontal and Vertical) menus from JavaScript to CSS menus. Then, we will see how to compile them and insert both of them in a page.

Step 1: We open the AllwebMenus, we create a new project and we select (Default Drop-Down) as the menu theme for the first window that appears.

SNAGHTML4942d9c

Then, we save the menu project and let's give it the name HorizontalMenu for example. You can give whatever name you want.

Step 2: We select the "Populate menu inside your page through UL/LI items" and as the Menu Genre we select "CSS menu (light, 508/WCAG)"

image

Step 3: We need to set minimum width/height values for the menu items in order for the CSS to work. In a CSS version of the menu we cannot have auto width/height.

Click on Main Items Style, then Size and set (for this example) at least 127px width and at least 30px height. In your projects you could set the width/height values that best fit your design.

image

Step 4: Click on Compile Menu. On the window that appears on Folder and Files, we select the Site_Root folder and we change the Compiled menu name to Custom and we set HorizontalMenu.js.

image

 

Let's create the Vertical Menu now.

Step 1: We open the AllwebMenus, we create a new project and we select (Default Drop-Down)[v] as the menu theme for the first window that appears.

SNAGHTML4ad239e

Then, we save the menu project and let's give it the name VerticalMenu for example. You can give whatever name you want.

Step 2: We select the "Populate menu inside your page through UL/LI items" and as the Menu Genre we select "CSS menu (light, 508/WCAG)" (same as in the HorizontalMenu).

Step 3: We need to set minimum width/height values for the menu items in order for the CSS to work. In a CSS version of the menu we cannot have auto width/height.

Click on Main Items Style, then Size and set (for this example) at least 127px width and at least 30px height. In your projects you could set the width/height values that best fit your design.

Step 4: Click on Compile Menu. On the window that appears on Folder and Files, we select the Site_Root folder and we change the Compiled menu name to Custom and we set VerticalMenu.js.

image

 

After that we can create the HMTL page in which we want both of the menus to appear.

The basic structure of our page could initially be:

<!DOCTYPE html>
<html>
<head>
<title>CSS menus</title>
</head>

<body>
</body>
</html>

and we are going to give it the name CSSmenus.html

Then, we need to go back to our AllWebMenus projects and Link the menus to the page.

First, we go to HorizontalMenu.awm and we click on Link Menu, we select the html file(s), in this example the CSSmenus.html, we click on right arrows to select it and finally we click on Link.

image

We do the same process for the VerticalMenu.awm

In the next step we need to add the UL/LI structure for our menus in the CSSmenus.html page (as in a CSS menu we need to insert the ul/li structure in the page).

So, we go back to HorizontalMenu.awm and we click on Settings as shown in the following screenshot. Then, we click on "OR <UL><LI> structure based on your current project's structure" tab, we select all the structure and we copy it. We go to our html page and we paste that structure.

image

We do the same step for the VerticalMenu.awm.

Last step but not least is to set the correct positioning for our menus.

I would suggest to select the Menu Positioning relative to an element. So, we click on Menu Positioning, we select Relative to an Element and we can leave the Default ID. We copy that value in order to paste it in the page in an element we are going to create.

After that, we need to re-compile the project, just click Compile.

image

Then, we go to the HTML page and we create the element with the ID we copied. The element could look like :
<div id="awmAnchor-HorizontalMenu"> &nbsp; </div>
and we place it before the UL/LI structure for the horizontal menu.

Then, we do the same process for the vertical menu and the element in the page could look like:
<div id="awmAnchor-VerticalMenu"> &nbsp; </div>

The final result in our page will be:

image

and the code is:

<!DOCTYPE html>
<html>
<head>
<title>CSS menus</title>
<!-- ******** BEGIN ALLWEBMENUS CODE FOR HorizontalMenu (CSS MENU)******** -->
<link href="HorizontalMenu.css" rel="stylesheet" type="text/css">
<script charset="UTF-8" src="HorizontalMenu.js" type="text/javascript"></script>
<!-- ******** END ALLWEBMENUS CODE FOR HorizontalMenu (CSS MENU)******** -->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR VerticalMenu (CSS MENU)******** -->
<link href="VerticalMenu.css" rel="stylesheet" type="text/css">
<script charset="UTF-8" src="VerticalMenu.js" type="text/javascript"></script>
<!-- ******** END ALLWEBMENUS CODE FOR VerticalMenu (CSS MENU)******** -->
</head>

<body>

<div id="awmAnchor-HorizontalMenu"> &nbsp; </div>
<ul id="awmULLI-HorizontalMenu" style="display:none;">
  <li><a href="#">Main Item 1</a></li>
  <li><a href="#">Main Item 2</a>
    <ul>
      <li><a href="#">Sub Item 1</a></li>
      <li><a href="#">Sub Item 2</a>
        <ul>
          <li><a href="#">Sub Item 4</a></li>
          <li><a href="#">Sub Item 5</a></li>
          <li><a href="#">Sub Item 6</a></li>
        </ul>
      </li>
      <li><a href="#">Sub Item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Main Item 3</a></li>
</ul>

<br /><br /><br /><br /><br /><br /><br /><br /><br />

<div id="awmAnchor-VerticalMenu"> &nbsp; </div>
<ul id="awmULLI-VerticalMenu" style="display:none;">
  <li><a href="#">Main Item 1</a></li>
  <li><a href="#">Main Item 2</a>
    <ul>
      <li><a href="#">Sub Item 1</a></li>
      <li><a href="#">Sub Item 2</a>
        <ul>
          <li><a href="#">Sub Item 4</a></li>
          <li><a href="#">Sub Item 5</a></li>
          <li><a href="#">Sub Item 6</a></li>
        </ul>
      </li>
      <li><a href="#">Sub Item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Main Item 3</a></li>
</ul>
</body>
</html>

When we are done we need to upload to our server the following:

image

Which are the HTML page containing the menus, the CSS files and JS files produced after we compiled the 2 projects and the awmdata folder.

 

Tags: , , , , , , , , , ,

 

Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #918.

Check out What's New

- Added the "Widen group to fit the entire width of a page Element with specific ID/Class" feature in the Menubar options.

- Added a new menu example, called "Social Menu".

social network menu example

- Fixed a menu highlight issue when the window was resized.

- Fixed a Menu Positioning issue for responsive menus in WordPress sites.

- Fixed an overflow of menu items issue in WordPress.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version here: http://www.likno.com/download.html

--------
Likno Software - 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

 

Tags: , , , , , , , , , , , ,

 


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