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


Initial Email From:
Rodger
Initial Email Subject: CSS Styles in Server-Side Menus API
Support Case Month: August 2013

Do you have any plans to add CSS styles to the API? It would be nice to be able to do rounded corners and shadows without having to copy with images.

Thanks.

Rodger

Reply From: Likno Customer Support

Hello Rodger,

According to the Server Side Menu API,

If you use the 2 first options for the Server Side Menu

server side menu settings

Then you set the styling in AllWebMenus Style Editor, this means that you have the option for rounded corners and shadows

menu rounded corners and shadow

If you use the third option in Server Side Menus (you build structure and styles by yourself) then the rounded corners and shadows are not supported and we haven't any plan yet.

Let me know if you need more information.

Thank you!

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

Thank you for your very thorough reply.

I need to have the ability to set the CSS styles dynamically. That is why I was hoping to hear that you were planning to add CSS styles to the API. Now that I know it is not on your drawing board, I will design my own methods for dealing with the situation.

Again, thanks for the response.

Kind regards,
Rodger

Tags: , , , , , , ,

 

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


Initial Email From:
Jan
Initial Email Subject: menu shadow includes a border
Support Case Month: May 2012

I added a shadow to my menu. At some point I noticed that there was a thin line border around the shadow area. I cannot figure out what is causing this. The online Knowledge base did not pull up anything relevant with keywords shadow and border.

Related URL: http://www.jegsworks.com/testing/index.html

Reply From: Likno Customer Support

The image does not exist online. Hence Firefox is not showing the image at all and the ads go behind the menu, while IE and Chrome show the “image not found”, so the ads move downwards, but you also see the “border” behind the menu:

missing image

Simply make sure the image exists online in order to fix the problem:

http://www.jegsworks.com/Library/graphics/entry/32clear.gif

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

Well, Yippy at last! I finally read the two messages from you c a r e f u l l y, after a long day of replacing a lot of old style code and fixing a bunch of messes that the process created.

You diagnosed correctly – the missing image caused the overlap problem in Firefox and also created a missing image box in IE9 and Chrome.

It is now clear that the AllWebMenus script enlarges the reserved space for the positioning image. I am guessing by adding a bottom margin large enough to hold the menu.

I was inserting the positioning image and the Google code with a Library file using Dreamweaver. Apparently the path to the image went wrong along the way somehow.

I truly appreciate your help. I don’t know that I would have ever come up with this solution.

Jan

Reply From: Likno Customer Support

Dear Jan,

Glad to be of service! Let me know if you need any more help.

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:
User
Initial Email Subject: Why aren't shadows working in Internet Explorer
Support Case Month: October 2012

My menus (top menu bar) have a shadow in all browsers (chrome, firefox, etc.) EXCEPT any version of Internet explorer.

What do I do?

Related URL: http://www.mksinst.com

Reply From: Likno Customer Support

Hello,

The drop-shadow (as well as the rounded borders etc.) are only supported by browsers that support CSS3. Hence they are not supported in IE8 or older. For IE9 or above you also need to have a proper DOCTYPE in your page, or else IE automatically goes into compatibility mode (and again does not support CSS3 features).

To fix the problem, please go to your pages and replace this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

With this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

This should fix the problem.

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

 

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.

jQuery scroller/slider 1jQuery scroller/slider 2

View interface screenshots

Major Features
  • Rich and powerful interface!
    web scroller 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.
    scroller slideshow
  • 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").
    CSS on 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".
    html scroller areas
  • 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.
    html scroller transition effects
  • 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.scroller navigation bar properties
    scroller navigation bars
  • 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.scroller navigation arrows propertiesscroller navigation arrows
  • 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
    scroller keyboard navigation
  • 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: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

 

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

Support Case Month: April 2012
Initial Email Subject: All Web Menus Pro

Initial Email From: David

Hello,

can I use your product to mimick the exact same look of my current vertical navigation menu (exact meaning no borders, retain color, font, etc). See below – is it possible to do this in Likno? The Company and Services selections should produce a simple sliding submenu when moused-over; the other selections should simply click and jump to a new page.

vertical navigation menu

Thanks,

-David

Reply From: Likno Customer Support

Dear David,

Yes, this seems like a pretty easy menu to recreate…

You will find all the related properties in the Style Editor:

Menu Style: Background Color, Border, Shadow

style: Text Font / Size / Decoration / Color, Foreground Image

Note that there are three “group” styles and three “item” styles, representing the main menu, submenu and deeper submenus of your menu.

Also, you can add the little square image on the left of the text using the “Foreground Image” property. In general, I guess you just need to play around with AllWebMenus a bit in order to find out all the possibilities.

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!

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

 


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