Floating Arrows in Likno Web Modal Windows Builder

461 views

Published on

This is a guide on how to have Floating Arrows on a Likno Web Modal Window. Floating Arrows is a feature that is released in Likno Web Modal Windows Builder v2.2.268. It is used to let you have floating arrows above your modal window in order to navigate through each sheet when you have a multi-sheet modal window.

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
461
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Floating Arrows in Likno Web Modal Windows Builder

  1. 1. “Floating Arrows” in Likno 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.
  2. 2. 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.
  3. 3. 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.
  4. 4. You are able to choose some settings for the Floating Arrows. You can select the Horizontal and Vertical offset values.
  5. 5. 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 >
  6. 6. 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.
  7. 7. 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.
  8. 8. Finally, you can set the Arrows Opacity (normal state) and the opacity when the mouse is over the Modal Window.
  9. 9. On the Preview tab you can see the result of your Modal Window.
  10. 10. Visit www.likno.com for more information

×