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


Initial Email From:
Greg
Initial Email Subject: Menu Width
Support Case Month: January 2013

Hi Support

I have created a project using blue mystery theme and the horizontal main menu items are appearing wider than I want. I have set a minimum width of the main menu of 960 pixels but because all of the tabs appear equal and at a fairly large size – the menu is more then 960 pixels

need menu to be less wide

Greg

Reply From: Likno Customer Support

Hello Greg,

You can have the "Uniform Items" option UNCHECKED, so that each item uses a different width based on its content:

menu uniform items option

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

You guys are brilliant – Thanks – Appreciate it.

Greg

 

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

 

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 Likno Web Tabs Builder, abstracted and stripped of all user’s private info.


Initial Email From:
User
Initial Email Subject: Tabs Builder
Support Case Month: August 2012

I'm testing Tabs Builder to see if to purchase or not.  The one feature I'm interested in which I haven't been able to get to work with other tools doesn't appear to work in Tabs Builder either.

Is there something special I need to do to get the Height of the tabs to work with "auto" selected?  It appears its fixed at about 300 pixels.  I can set to fixed and changed pixels and that works.  Its just Auto that doesn't.

My test consists of copying the sample code as my main page and in the project tabs folder the Body Source is set to "External".  I think enter a html document in the page link.  The page resides in same directory as main page.  The page displays except the height of the tab doesn't expand automatically.

Also to test, I didn't dump files to web site, just compiled all in directory and used a browser to open the main file.  Not sure if this matters or not???

using FF 14.0.1

Reply From: Likno Customer Support

Hello,

When the “source” type is set to “external” then you are actually showing a separate page into an iframe. It is not possible to automatically calculate the size of an external page, hence when you are using “external” and your size is set to “auto”, it is automatically translated to the default size (which is 300px). This is true for all our builders when it comes to “external” content.

If your external page does not contain any code (e.g. if it is plain HMTL and images), then you can try calling it as “Ajax”. This way it is possible to have “auto” size.

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:
Gary
Initial Email Subject: Preview Menu
Support Case Month: April 2012

I am unable to view the menu after make changes to it.

I uninstalled shut down and reinstalled the program

I am still unable to preview menu

Gary

Reply From: Likno Customer Support

Dear Gary,

The menu is there, but it is positioned a bit lower (since you changed the positioning to be 351 pixels from top), just scroll down to see it:

menu preview scroll down

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

 

October 22nd, 2012LWTB: Set Tabs align

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

 

Initial Email From: Rich
Initial Email Subject: Tab align| Tabs Builder
Support Case Month: April 2012

Is it possible to have the first tab hard aligned left rather than being indented the few pixels it is?

Thanks,

Rich

Reply From: Likno Customer Support

Hello Rich,

What CSS values do you have for the "Tab Headers Common CSS"?

Can you send them to me to see?

tab header css

I believe you have to edit the "margin" values accordingly.

Regards,
Aris Filokostas
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: Rich

font-family: "myriad-pro-condensed", Tahoma, Geneva, sans-serif

font-size: 22px;

text-align: center;

padding: 6px 11px 6px 11px;

cursor: pointer;

margin-right: 4px;

width: auto;

height: auto;

font-weight: 900;

border-top-left-radius: 4px;

border-top-right-radius: 4px;

Reply From: Likno Customer Support

Hello Rich,

I do not see any problem there.

What about the CSS here?

header area overflow css

Can you send this too?

ALSO, you have a missing semi-colon here so, the "font-size" is not actually applied!

css properties

Regards,
Aris Filokostas
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 Rich,

If you do not mind can you 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 tabs project

Regards,
Aris Filokostas
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: Rich

Aris,

The project has been exported as you requested. I also attached an image to show what I am trying to do. I suspect it's a simple fix.

Happy Easter! Thanks for your help.
Thanks!

Rich

Reply From: Likno Customer Support

Hi Rich,

It is indeed what we thought!

The setting that needs to be changed is on the "Tab Header Area CSS":

css padding

Just change this to:

padding: 0px 5px 0px 0px;

… and you will get ZERO pixels padding on the left side of the entire "Header Area" (not the individual "headers" but the "Area" that contains them).

I believe now you also learned how the different CSS (for different elements of the control) affect the design. You can actually implement limitless concepts if you properly take advantage of these available CSS fields!

Also thank you for the Easter wishes.

Regards,
Aris Filokostas
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: , , , , , , , , , , , , , , , ,

 


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