“Floating Arrows” inLikno Web Modal Windows Builder

The new feature of Likno Web Modal Windows Builder is called “Floating Arrows” and it gives you the ability to have arrows to

navigate through each sheet in a multi-sheet modal window.

First, you need to make sure that you use a Multi-Sheet Modal Window. In Project Properties tab, select the “Multi-sheet” in the “Content” section.

Then in Style Editor Tab, go to the Multi-Sheet tab and check the Show Arrows. This choice will enable the floating arrows in order to navigate through each modal window’s sheets.

You are able to choose some settings for the Floating Arrows. You can select the Horizontal and Vertical offset values.

You can select the characters that will be used to represent the arrows, for example the ASCII code » will show arrow as >> and > will show as >

You can set CSS properties for your Arrow Classes. You can Click in the Arrows CSS Classes field and this will open a WYSIWYG CSS Editor as shown in the next slide.

In this WYSIWYG CSS Editor, you are able to set CSS properties for your floating arrows, so you can customize it to your design needs. You can either select CSS properties from the WYSIWYG CSS tab or write your own in the Hand Coded CSS tab.

Finally, you can set the Arrows Opacity (normal state) and the opacity when the mouse is over the Modal Window.

On the Preview tab you can see the result of your Modal Window.

Visit www.likno.com for more information