Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Phil
Initial Email Subject: Cross browser problem - bug
Support Case Month: August 2012
Hi guys
I think there is a bug in that the right side image on the menu, shows as missing or left sided in IE7 & 8, Chrome and Safari but is ok in IE9 and Firefox.
I’ m trying to avoid specifying a width as using Dreamweaver CS6 and the Fluid Grid layout which provides responsive designs - with the pace of smart phone web use the menus will have to perform cross device, perhaps % sizing would help
I will send the awn file by email and it includes the asset files as well.
Kind regards
Phil
Reply From: Likno Customer Support
Dear Phil,
It seems that this issue is generated by a rule in your layout.css file. Specifically, you have the following rule close to the top of the file:
img, object, embed, video {
max-width: 100%;
}
This rule affects ALL images, including those of the menu. I suggest that you remove this rule, or make it more specific (e.g. apply to a given class).
If this is not possible, let me know and I will forward the case to our developers to see if they can work around the problem on the menu library side.
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: Phil
Hi Kostas
Thanks for the reply.
It is not possible to change this as it is the starting point for Dreamweaver CS6 new fluid grid or ‘Responsive’ layouts.
It is created by the Dreamweaver system, as is all of layout.css and we are advised not to touch it.
I would be grateful if your developers have a workaround please.
Kind regards
Phil
Reply From: Likno Customer Support
Dear Phil,
This is to let you know that we just uploaded a new AllWebMenus version (build 896.2) that resolves this problem.
Please download it and recompile your menus:
http://www.likno.com/download.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: Phil
Dear Kostas
Thank you – it works 
I cannot believe how quickly you guys resolved this – fantastic.
I was beginning to think that perhaps AWM would not be suitable for Responsive design I am going to have to use in the future and as I use AWM on nearly all my sites I was disappointed.
Hopefully your developers have cured this for all the designs and please pass my thanks on to them for such great service.
As an aside, I have used the menus now for a good few years and I would love to see new theme releases looking more modern with say rounded corners built in to the graphics.
On each new site I struggle to find a different design and have to discard the ones that have square corners as IE 7 and 8 will not round them and css3pie.com that I use cannot be connected to the menu to round them.
You guys have a great product and service, hope you do not mind me giving a bit of user feedback.
Thanks again.
Kind regards
Phil
Tags: chrome, cross browser, cs6, css menu, design, Dreamweaver, drop-down menu, FireFox, Fluid Grid, IE7, IE8, IE9, javascript menu, jquery, layout, Menu, responsive, Safari, sliding menu, smart phone, smartphone, website
Dear Likno users, we are pleased to announce that we have just released our new product: The Likno Web Scroller Builder!
Likno Web Scroller Builder is a feature-rich tool for creating stylish, html scrollers/sliders for your web pages, with minimal effort and coding.
View interface screenshots
Major Features
- Rich and powerful interface!
- Cross-browser
Javascript engine supports all browsers, such as IE, Firefox, Chrome, Safari, Opera, Mozilla, Konqueror and more.
- Cross-platform
Javascript engine supports all platforms, such as Windows, Mac OS X, Linux, smartphones (iPhone, Android, Windows Phone, BlackBerry 6+) and more.
- Cross-editor
Works with all authoring tools (such as Dreamweaver, Expression Web, NetObjects Fusion, CoffeeCup, etc.), even a simple text editor!
- Cross-CMS
Works with all CMS and Blogs (such as WordPress, Joomla, Drupal, Typo3, DotNetNuke, Expression Engine, CMS Made Simple, etc.).
- Create cross-browser jQuery scrollers to display content (items) that scroll horizontally or vertically when visitors click on (or mouse over) special navigation arrows, bars, and more.
- ... OR make the scroller behave as a "SlideShow": its items sliding (scrolling) automatically, one at a time, at specified duration and direction, with looping or not, pause on "mouse over" and more.
- Use simple text, HTML code, images, videos (YouTube, etc.), animations, Flash as the content of your scroller items.
- Create projects fast by using ready-made examples already installed in the application.
- Universal: Use in all authoring tools (Dreamweaver, Expression Web, etc.) and CMS platforms (Joomla, Drupal, WordPress, etc.).
- Create any type of jQuery scroller, such as: html scroller, javascript scroller, css scroller, ajax scroller, web scroller, vertical scroller, horizontal scroller, marquee, ticker, dhtml scroller, jquery ajax scroller, etc.
- Use any of 4 methods to populate your scrollers with content:
1. Scroller is populated by the project properties (within the application)
OR
2. Scroller is populated by a UL/LI structure, located inside your page.
OR
3. Scroller is populated by DIV elements, located inside your page.
OR
4. Scroller is populated by an external feed, such as RSS, ATOM, XML.
- Position your scrollers easily on page and anywhere you like, with many options:
1. Insert into a page element of your choice (div, span, td, etc.).
OR
2. Replace a page element (vs "insert into").
OR
3. Replace an image of your choice.
OR
4. Float, relative to the browser window (any corner).
OR
5. Float, relative to a page element of your choice (any corner).
OR
6. Float, relative to an image of your choice (any corner).
- Customize the style of your scrollers through CSS ("css scrollers").
- Apply images creatively to create interesting scrollers (images on scroller items, images on different "areas" such as "Top", "Bottom", "Left", "Right", etc.).
- Use multiple scrollers on the same page (with the same or different styling).
- Use additional Areas to your scroller around the main "Items Area" for extra information (a title, a footnote, etc.): the "Top Area", "Bottom Area", "Left Area", "Right Area".
- Add dynamic content (database-driven or programmable) to your scrollers.
- Use a tooltip on every scroller item (optionally), with plenty of styling options and dynamic HTML content.
- Use a variety of transition behaviors (Continuous, Step by Item, Step by Page) and transition effects (Instantly, Fade, Slide), etc.
- Use a variety of Navigation Bars to navigate through the scroller items. With CSS and dedicated properties to fully customize the appearance of "First", "Previous", "Next", "Last" buttons, text label, item numbers, background of the bar, mouse over effects and more.
- Use a variety of Navigation Arrows to navigate through the scroller items (combined with the Navigation Bar or not). With many CSS and dedicated properties to fully customize their appearance.
- Use Bullets to show paging (or even navigate through the scroller items).
- Set a specific scroller item to be initially selected (on page load).
- Use Rounded Corners around the scroller. Available in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others). You can adjust the roundness of each corner all together or even separately!
- Apply a Shadow to the scroller, in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).
- Allow keyboard navigation on scrollers. The visitor can use the arrow keys to navigate through the items and the "P" key to "play/pause" their movement (if
- Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive Help for that property.
- Access additional designs (examples) of interesting scrollers, besides the designs coming with the application (note: applies to "Unlimited Domains" users).
- Powered by the popular jQuery open source library.
All features here: http://www.likno.com/jquery-scroller/index.php
Download here: http://www.likno.com/jquery-scroller/download.php
Tags: ajasx scroller, android, arrows, ATOM, blackberry, blog, browser, bullet, chrome, CMS, cms made simple, coffeecup, CSS, css scroller, CSS3, dhtml scroller, dotnetnuke, Dreamweaver, drupal, dynamic scroller, effects, expression engine, expression web, FireFox, flash, horizontal scroller, html, html scroller, html slider, IE, image, interface, iphone, JavaScript, Joomla, jquery, jQuery scroller, jquery slider, keyboard, Konqueror, linux, Mac OS X, marquee, mozilla, navigation arrow, navigation bar, netobjects fusion, new release, Opera, rounded corner, RSS, Safari, scroller, shadow, slider, slideshow, smart phone, smartphone, ticker, tooltip, typo3, vertical scroller, video, web page, web scroller, windows, windows phone, wordpress, XML, youtube
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Diane,
Initial Email Subject: Populating menu through UL/LI items
Support Case Month: March 2012
I am unable to get the menu to display at all using the CSS Menu/populating menu using UL/LI option. Menu compiles and works fine using default menu structure. I want the menu to be able to be used/viewed on smart phone but I am getting an error message.
Reply From: Likno Customer Support
Hello,
The problem is that you are using a UL/LI list generated from a JavaScript Menu to populate a CSS Menu.
Specifically there are two things that cause a problem:
1) The UL/LI has “display: none;”. As such the menu will never show.
2) Item 2.1 does not have a link, and all items are required to have a link (even if empty).
Both of these have also been fixed on our side and the fixes will be included in the next AllWebMenus release (in a couple of days). Until then, you can simply fix these two things in your menu structure if you want to see the CSS.
Example of fixed UL/LI code:
<ul id="awmULLI-menu">
<li><a href="index.html">Home</a></li>
<li><a href="item1.html">Item 1</a></li>
<li><a href="item2.html">Item 2</a>
<ul>
<li><a href="#">Item 2.1</a>
<ul>
<li><a href="item_211.html">Item 2.1.1</a></li>
<li><a href="item_212.html">Item 2.1.2</a></li>
<li><a href="item_213.html">Item 2.1.3</a></li>
<li><a href="item_214.html">Item 2.1.4</a></li>
</ul>
</li>
<li><a href="item_22.html">Item 2.2</a>
</li>
</ul>
</li>
<li><a href="item3.html">Item 3</a>
</li>
</ul>
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!
Tags: AllWebMenus, CSS, css menu, javascript menu, Menu, menu population, smart phone, UL, UL LI, UL/LI
