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


Initial Email From:
Akash
Initial Email Subject: help/question for keyboard access to menus
Support Case Month: August 2012

Hello Support Team,

We are using AllWebMenu Pro 5.3 to create our application’s menus and have one question about it

We want the menus to be accessible with mouse AS WELL AS keyboard

Are there any keyboard shortcuts to access the menu with keyboard or a way we can provide in the menus generated with allwebmenus

So the user can use keyboard to access and use menus as well as submenu with keyboard

Our application uses frames and the menus are in the top frame

Thank you,

Akash

Reply From: Likno Customer Support

Dear Akash,

The keyboard shortcut to cycle through the page menus is “Ctrl+F12”. The navigation is performed with the arrow keys.

It is possible that the focus will have to be in the top frame in order for this to work. If this does not work, please send me the URL so that I can test it myself.

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

Hello Kostas,

We tried “ctrl+F12”  but did not worked

This is the link and login details for you, so you can test it.

Thanks

Akash

Reply From: Likno Customer Support

Dear Akash,

I tried viewing your menu, but the system you have does not let me…

Specifically, when I try to view only the frame that holds the menu it seems that I get redirected to some other page which is broken.

Also when I try to guess the menu path (using the source code info) I always get a “page not found”, for all the URLs I tried:

{URL REMOVED}

Where is the menu actually uploaded?

What I mostly wanted to check is the version of the menu you are using. If it is old it may not support keyboard navigation at all, as this is a relatively recent feature.

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

Hello Kostas,

Thank you for the quick response

Below is the link to get the menu ‘s java script

{URL REMOVED}

as I remember we deployed these menus using version 5.3

I don’t think you will be able to just load the top frame separately, the whole page has to be viewed with frames

Do let me know if you need any more information to help with this

Thanks

Akash

Reply From: Likno Customer Support

Indeed, the version you have does not support Keyboard Navigation. You are using build 870 and this feature was added in build 880.

According to your license you can get up to build 892 for free, so I suggest that you do this and recompile your menus.

(you can get this from your User Area account)

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

Hello Kostas,

Thank you for the quick help

We will recompile with the latest build and try it.

Will update you about the output

Thank you once again

Akash

Reply From: Akash

Hello Kostas,

We downloaded and installed build 892

And compiled menu in new version (menu_worker.js)

But still we are not able to use the keyboard shortcut

we did make sure the focus was on that frame the menu is in and  tried to use with

both the shortcut keys “ctrl+F12” as you said and as well shift “shift+F12” as in help file and menu options

but it did not work

we have updated that menu on the link we provided earlier

We will appreciate if we can figure this issue out

Thank you for your support

Akash

Reply From: Likno Customer Support

Dear Akash,

I am afraid I have bad news.

I discussed this issue with our main developer and he told me that the keyboard navigation was never supported for cross-frame environments due to JavaScript security restrictions.

Sorry about this!

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

Hello Kostas,

Thank you for your help and letting us know about it

Thanks

Akash

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

 


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