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


Initial Email From:
User
Initial Email Subject: not working in ie10
Support Case Month: June 2013

Hi,
unless we use the compatibility button the menu won't show.I have updated the software and tried other suggestions on the knowledge base but to no rewards.
Can you look into this please?
Regards

Reply From: Likno Customer Support

Hello,

menu library files

It seems that although you compiled your menu with the latest version of AllWebMenus, you forgot to upload the new library files (“awmData-MixMix” folder).

Please upload these too in order to fix the problem, and make sure that you upload them each time you compile (especially when compiling with a newer version).

Kind Regards,
Aris
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!

 

Tags: , , , , , , ,

 

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


Initial Email From:
Robert
Initial Email Subject: Tool-Tips question
Support Case Month: July 2013

Hello,

I haven't been able to find directions for this in the help or manual:
I want to use tool-tips as pop-up definitions for specific words or phrases throughout my HTML pages.
I am able to design and compile, but don't know what to do after that.

I am using Coffee Cup Visual Site Designer and set up the paragraphs with the words I need defined in the "insert HTML" dialogue box. So, I have access to the code (very basic HTML) I use for the paragraph as "Body HTML". This is to say, I am not entering the text through their WYSIWYG interface when it comes to the paragraphs containing the words that need the tool-tips.
I can enter code into a general "Header HTML" if need be.
How can I accomplish this? Any guidance will be greatly appreciated.

Thanks in advance,
Robert

Reply From: Likno Customer Support

Hello Robert,

The general process for creating and publishing a tooltip in your page is:

1. Create your Tooltip Project.

2. Compile your project.

3. Link it to your page.

4. Have the code that triggers the tooltip in your page.

In your case, you said you have compiled the project. Then you need to link it to your page.

Press "Link"

link jQuery Tooltip to a page

This message will appear (it asks you if this is the correct compiled project that you want to link)

link compiled tooltip project

Then, choose the html page you would like to link your tooltips and click on right arrows and finally the link button. This will link your tooltips to your page.

choose HTML page to link Tooltip

Then, you should add to your page the code that triggers the tooltip. Check these options and click on "?" to see more help and examples.

add code that triggers the tooltip

For example:

<p ID="Tooltip_1">Test Word</p>

The above will trigger the tooltip when someone mouse over the Test Word.

Let me know if you need any more clarification.

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

Thank you, Aggelos. I inserted that into the editor and it works! If I have trouble on the web, I'll get in touch.
Can't thank you enough.
All the best,
Robert

 

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

 

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


Initial Email From:
User
Initial Email Subject: WordPress Integration
Support Case Month: May 2013

I am in the process of adding a WordPress installation to my web site. I will be needing to maintain *both* handcoded pages AND WordPress pages/posts, and would like to maintain a single menu for *ALL* pages. I have been using AllWebMenus on our site for a while now, and would like to use the existing menu that I maintain on my handcoded pages on my WordPress pages, too. I don't want to control any menu content with WordPress ... I want my regular menu and navigation to stay the same wherever a user is on my site. The WordPress plugin *seems* to be about imposing the WordPress menu structure into the AWM menu ... but I don't want to do that.

Here's a URL for an example of one of my hand coded pages that I will be keeping:
{URL REMOVED}

I would like to place the *SAME* menu into my WordPress header, which you can see here:
{URL REMOVED}

Is this possible to do? What do I need to do to accomplish this?

Thanks!!

Reply From: Likno Customer Support

Hello,

The WordPress plugin is there only to help you with the integration. It does offer you the ability to use the structure of a WordPress menu, but it does not impose this.

If you set the menu to be “Static” online, then you do not need to import the menu structure at all (you’ll hit the “publish” button in the plugin, but do not import the code into AllWebMenus). Just compile your existing menu for WordPress and upload it using the plugin “publish”.

Furthermore if you want a single compile, you do not even need to install or use the plugin at all. In this case, just manually add the menu Linking Code into the “header.php” of your WordPress Theme.

Just make sure that your positioning is ok. For example if you are using a positioning “Relative to Element” make sure that the specific element also exists in the WordPress pages.

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!

 

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

 

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


Initial Email From:
User
Initial Email Subject: File / path access error
Support Case Month: May 2013

Getting this error when trying to compile for a second time.Created a menu and it compiled fine the first time.  Now on subsequent tries I get the File/Path Access error...as if I don't have permissions to overwrite those files that AllWebMenu 5 Pro created. I am and admin and created this folder in subfolder off my Documents folder.Not using any editor/plugin as I'm using Komodo for html editing.I can delete other files in this folder just not the menu files.Running Windows 8. Related

Reply From: Likno Customer Support

Hello,

Did you try deleting the files manually? If you are not able to do this, then it means that you indeed do not have enough permissions. Then only reason I can think of (and this is far-fetched) is this:

You installed AllWebMenus and run is straight from the installer, so it run “as administrator”. Now you are logged in as a user with super-user (but not real admin) permissions and you cannot remove the files of another user (the admin). I recommend that you try running AllWebMenus “as administrator” and see if can then overwrite the files it created.

Please let me know how this worked out.

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!

Reply From: User

I did try and delete them manually...no go.

I decided to just duplicate my website folder and compile new into that.

It worked and more importantly it worked when I did a second compile...no error.

So not sure what the deal was with that one folder/files but hopefully I'm okay now.

Thanks

Reply From: Likno Customer Support

Hello again,

I am glad everything works in the new folder.

Regarding the old folder, you can try opening a Windows Explorer “as administrator” and using this to delete it.

Let me know if you run into any more problems.

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!

 

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

 


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