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


Initial Email From:
Michele
Initial Email Subject: Need help please
Support Case Month: June 2012

Greetings,
I cant seem to find an answer to my question elsewhere, so, I am designing a website that is based on percentage and not pixels, it is set to be 76% of window size.  I am placing the menu at the top, within a table, centered. However, it will not stay within the table and hangs over the page on either side.
I had to insert some html so that the menu would appear over the flash movie, but this "hangover" is on every page, not just the one with the flash.
I know the menu would have to adjust itself along with the webpage according to browser specs, I also know the menu actually appears "above" the page, and is not part of the page. So, that said. I am at a loss as to what to do.
Any suggestions would be appreciated.
Thank you,
Michele

Reply From: Likno Customer Support

Dear Michele,

It seems that the menu works fine as long as the browser window is wide enough.

From this I gather that you have correctly set the “menubar” settings. However you also have significant paddings in your menu that do not allow it to become smaller than a given width.

Please check the following properties and change both the padding and margin to 0:

menu padding and text margin

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

Thank you for your quick reply. I changed the padding settings to 0 as you suggested and when I view the pages "live" within Adobe Dreamweaver everything looks perfect!  The menu is perfectly aligned on all pages.  But once they are uploaded to the server the pages do not appear the same. The menu sits above the table. I tried changing the vertical align to top, bottom, middle, but nothing changes. I have the valign set at default now. I uploaded all the awmdata files as well as the menu.js and the pages themselves, still once it is online, it will not line up. I am at a loss.
Thank you,
Michele

Reply From: Likno Customer Support

Dear Michele,

Is your menu still set as a menubar? Can you export and send me your menu project so that I can further research this?

export menu project

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

Hello Kostas,
As requested, I have attached the zipped file.
I should tell you that this menu is from one of the pre-made templates. I have made many menus using this program, but never one this fancy. I had changed the base color, but went back to the original. It was never saved as a menubar.
I have another machine with a 15" screen. That one shows the menu sitting just above the table where it should be nested. In 17" everything is fine. My client wants a "flashy" navigation bar and I am not great at doing that from scratch so I thought this would be the answer.
Thanks for your assistance.
Michele

Reply From: Likno Customer Support

Hello,

I have made some minor changes to your menu to make it look better.

1) added a minimum width to the main menu group

2) removed the “distance between items” that created something like a border

3) added a normal border so that it is also visible before the first and after the last item.

To complete the changes, you can also change the following in your page, from:

To:

style="background-image: url(awmdata/menu/menuItem-tile.jpg);" bgcolor="#474747"> 

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

Thank you so much. I will try this.  Not so sure about the border before and after. It took me forever to figure out how to get rid of that. LOL   I will see if I can figure it out again. :-) 
I'll let you know how I made out.
Thank you again and again.
Michele

Reply From: Likno Customer Support

Dear Michele,

If you want to remove the border, you can do this here:

remove menu border

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

Hello Kostas,
Oh dear! It is not perfect on my screen here at work. It looked good from home, but not here. It is "hanging" again. Just a tiny bit on each side, but enough to be noticeable. It's fine on the index page, but the others, not so much. All the pages are set at 75% so I don't know why it would be different on all but the index page. I changed the awm code to below, as you so graciously provided and it was great, until I had to add a link.

<td height="32" style="background-image: url(awmdata/menu/menuItem-tile.jpg);" bgcolor="#474747"><div align="center" id="awmAnchor-menu"></div></td>

Also, last night I tried to update my version of AllWebMenus PRO with latest version. But when I tried to download the program from your primary download location, I kept getting a message saying windows couldn't locate something or other. I was so tired at that point, I didn't attempt to try it again. I will try it again tonight and let you know what the error message is saying.
I bet you just wish I would go away! LOL
Michele

Reply From: Likno Customer Support

Are you referring to this?

menu in website

I had to zoom my browser in order to notice that the menu is a pixel or two off on the right side!

I guess this is because after you added the new item the menu became just a bit too big. Two things can help resolve this issue:

1) decrease the item padding (if there is any):

menu item padding

2) make sure that the “Uniform Items” property is NOT checked:

uncheck uniform items property

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

Greetings,
Yes, I worked it out. I followed your directions and it works great now. Thank you again.
Now I have to figure out why I cant download the newest version of AllWeb. I didn't try it last night, I was too tired.  Will try it tonight.
Thank you, Kostas.
Michele

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

 

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


Initial Email From:
User
Initial Email Subject: regain menu
Support Case Month: May 2012

I'm working on a client's site that has an older version of an AllWebMenus menu in it. I need to update the menus with the latest version of AllWebMenus so it works in IE9 and Safari 5.1.7, but I do not have the .awm file. Is there a way to do this? Please let me know. Thanks!

Reply From: Likno Customer Support

Hello,

I am afraid this cannot be done automatically...

However, there is a partial solution (you regain around 80% of your existing work), read here:

http://www.likno.com/blog/lost-allwebmenus-project/254/

OR

...read the same text here:

If you are one of the unfortunate cases that have lost the source file of your menu (i.e. the .awm file), we now come to the rescue!

Provided that you do have the compiled javascript menu file (menu.js) somewhere online or offline, we offer a "partial reconstruction" service to get the Menu Structure of your project into a new project file (.awm).

This is a manual process and costs $89, provided that the size of the menu is not too large.

Please contact us if you wish to use this service.

Important Note:

This service recreates manually only the Menu Structure (the tree structure of items and groups), NOT the Style Properties. After you receive the reconstructed project from us, you will have to re-specify the style properties yourself to make your menu look as before.

Depending on your menu appearance (if you use customized styles for specific items or just the global Style Editor styles) you will gain about 80% of your time compared to re-designing the entire menu from scratch.

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

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

 

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


Initial Email From:
Alice
Initial Email Subject: color, type, size of menu
Support Case Month: December 2012

Hello again,

I have some concerns:

Is it possible to change the colors on any of the themes?

Also, can they be changed into whatever type bar I need, even if they aren't initially set up for that format (such as a horizontal theme bar converted into a vertical bar)?

I also notice that there doesn't seem to be a way to have auto-width for the text unless I just missed it, of course.

I'm loving what I see, and I'm hoping that all of your answers are "Yes!" If this is a case in which the purchased program allows for these options, I'm truly appreciate knowing.
Thank you again for all of the time you've spent in helping me!
Alice

Reply From: Likno Customer Support

Dear Alice,

Regarding your questions:

1) Yes, you can easily change the colors of all text-based themes through the Style Editor. To change the colors of image-based themes however, you will need to edit the images manually in a graphic editor.

2) Yes, you can change the type of the menu at any time (same for each of its submenus) from horizontal to vertical to sliding. Again you can do all this through the Style Editor under the “Type” property.

3) Yes, as a matter of fact the default menu has automatic width based on its text. There are a couple of things you need to check for this:

i) make sure that the Size property of the menu items is set to Auto

clip_image001

ii) make sure that you do not have “Uniform Items”:

clip_image002

I believe that you need to take some time to get to know AllWebMenus. The truth is that although it is very easy to create the first menu, it can be overwhelming to find all of its abilities, just because of the sheer volume (it can practically do anything you want). The best approach, I believe, is to go to the Style Editor and have a look at what you can change there. Then you can load existing Themes or Examples and check on the Style Editor which options are checked to achieve this result.

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

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

 

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


Initial Email From:
Michael
Initial Email Subject: customize web accordion
Support Case Month: July 2012

Hello,

I purchased 2 products from Likno. I very happy with the products, however, with the web accordion builder I am having one problem. If I Add the code to an empty page on my website it looks beautiful as in pic #1 below, but on the home page, Pic #2 it is stretched out.
I also noticed that the text is different in both pics. Something to do with the CSS file?? Could someone help me with this problem? Thank you very much

Best Regards,

Michael

correct view of accordion wrong view of accordion

Reply From: Likno Customer Support

Dear Michael,

I checked both your pages and the accordion seems “broken” in both pages in most browsers! It seems to be ok in the “empty” page only in IE because this page has no DOCTYPE (or even a <body> tag!) so it forces IE into “quirks mode” (essentially IE5.5 Compatibility mode). Shall I assume that the accordion also looks broken into the application preview?

If you cannot find the cause of the problem in the CSS you used into the application, please export and send me the project so that I can have a look.

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,

After having a second look into your project and your page, I believe that the problem is caused by the different HTML you used, and specifically due to the <p> elements which tend to increase the size.

Please try using the application “Sample Code” especially for the Headers to see if this corrects the problem:

sample accordion code

Note that you can only insert one of the four identical <img> tags you see in each header. Each <img> represents a state (normal, mouseover etc) but since you use the same image in all states you can only have one.

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

Hello Kostas,

I think it looking much better now! Thank you for your help. One thing I would like to change is the thin black border around the accordion, can I change the color?

Best Regards,

Michael

black border around accordion

Reply From: Likno Customer Support

Dear Michael,

This is easy Smile  it is part of the Container CSS:

accordion container CSS properties

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

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

 

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


Initial Email From:
Roland
Initial Email Subject: how to
Support Case Month: May 2012

hello, I like to reduce the size for this menu

this menu is to wide and I do not find the way to do this

Related URL: http://www.autoshoppingcenter.com/tools/KUKKO/

Reply From: Likno Customer Support

Hello,

I just checked your site, but did not find any Likno code.

In either case, when you want to reduce a menu size, there are specific things you can do:

- Reduce the font size (or images if you use them instead of text):

reduce the menu font size

- Reduce the item padding & text margin:

reduce item padding and text margin

- Make sure your menu items are not “uniform” (as they would then all take the width of the widest item):

menu items not uniform

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

Hello, thanks, yes I remove the code yesterday.

I like to resize not the font but the all menu column

and I use: plain1

Roland

Reply From: Likno Customer Support

Hello,

What do you mean by “plain1”? is this a theme you are using?

Would it be possible to create an online test-page so that I can see the actual problem?

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

hello, yes this is the them.

go check at:

http://www.autoshoppingcenter.com/Tools/KUKKO/

Roland

Reply From: Likno Customer Support

Hello,

It seems you had a couple of errors in your project that caused this problem:

1) You had custom styles for your main menu items, when you wanted all items to have the same style. I have now remove ALL custom values and properly updated the Style Editor. In the future, when you want to change a style for all main menu items, please change the “Main Item Style” in the Style Editor:

main menu item style

Accordingly you should change “Sub Items Style” for the first-level submenu items and “Sub Items Style+” for the deeper submenus.

2) You had the Link value in the “click state” text value! I assume that you wanted to put this in the Link Field instead:

menu link value

After correcting the above issues, all you have to do to set the menu (minimum) width is to change the related option in the Style Editor:

menu style minimum width

Please use the attached project from now on, as it already has the above corrections. You may change the “Minimum Width” value as you like.

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

hello, thanks

RD

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

 


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