Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.


Initial Email From:
David
Initial Email Subject: mouse over transition
Support Case Month: January 2014

If you take a look at the URL I've attached you can see that I have a mouse over state where the text changes color and the left margin increases.

Is there away to "slow down" the transition from the normal state to the hover state so that it appears as if the text is sliding to the right?

If so, could you help me with the CSS needed and indicated where exactly I would put it.

Thank you,

David

Reply From: Likno Customer Support

Hello David,

Open you accordion project  -> Style Editor -> Pane Headers Common CSS -> Hand Coded CSS and type transition: all 0.3s ease-in;

CSS transition for accordion header

Re-compile your accordion project and re-upload the produced files to your server.

This way you will have the headers of the accordion to have the same transition effect as your menu.

Please, let me know how that worked for you.

Thank you.

Kind Regards

Aggelos Tsakonas 
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: David

Thank you.  That worked, and it looks great.

 

Tags: , , , , ,

 

Hello, we have released a new version of Likno Web jQuery Accordion Builder - version 2.1 Build #238

Check out What's New

- Added CSS Transition support for the Accordion Pane Headers.

- Fixed a minor bug.

- 1 new Example added: Example 23

jquery vertical accordion

- Added support for the "Example Pack 02" for the Unlimited Domain license users, with their Update Plan in effect:

jquery vertical accordion

jquery vertical accordion

jquery vertical accordion

jquery vertical accordion

jquery horizontal accordion

jquery vertical accordion

jquery vertical accordion

jquery vertical accordion

jquery vertical accordion

jquery horizontal accordion

All features here: http://www.likno.com/jquery-accordion/index.php

You can download the latest version at:

http://www.likno.com/jquery-accordion/download.php

- Added many interface enhancements for a better look & feel.

 

Tags: , , , , , , ,

 

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 2.0 build #130.

Check out What's New

- Added a user-friendly WYSIWYG CSS Editor for all CSS-related properties, making the software much easier to use.

jquery slider scroller css editor

- Added Example 12 (BBC mockup): Similar scroller to the live scroller on bbc.com (as of Jan 29, 2013). Use of a "Bullets" only navigation. Use of "Arrow CSS Classes" and "Arrow Container CSS Classes". Use of "Pause when mouse is over the Scroller". Use of "Content CSS Classes".

jquery slider scroller bbc

- Added the ability to change the "Navigation Buttons" order.

- Added the "Arrow button speed multiplier" feature.

- Added the "Center the selected item" feature.

- Added the "Content CSS Classes" property.

- Added support for jQuery 1.8.

- Major rewrite in the transition effect engine (smaller, more flexible & more efficient).

- Fixed a bug in the "Play/Pause" reverse toggle button.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

 

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

 

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #124.

Check out What's New

- Added Example 10 (Google Analytics mockup): Similar scroller to the live scroller used on Google Analytics (as of Oct 9, 2012). Use of a "Bullets" only Navigation Bar. Use of "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller".

HTML jQuery slider scroller Google Analytics mockup example

- Added Example 11 (WordPress mockup): Similar scroller to the live scroller used on WordPress (as of Oct 15, 2012). Use of character-based (HTML) "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller". Use of "Slide" effect.

HTML jQuery slider scroller WordPress mockup example

- Added the Fade "blending" options.

Slider Scroller Fade Blending

- Added the "Rewind" option when the "Transition" is of the "Continuous" type.

Slider Scroller Rewind

- Added a Vertical Offset (or Horizontal for vertical scrollers) to the Navigation Arrows.

HTML Slider Scroller Arrows Offset

- Updated all Examples that were using CSS-based vertical arrow offsets to use the new property instead.

- Fixed an issue where the style was changing when using the item Link property.

- Fixed an issue where IE produced a horizontal scrollbar if the parent of the positioning item had a fixed width & height AND 'float: left;'.

- Fixed an issue where items with links had a border in IE.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

 

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

 

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #122.

Check out What's New

- Created the Microsoft Expression Web 4 Add-in (EW4), so that users of Expression Web 4 can link and position their scrollers inside their pages through this Add-in.

- Added Example 09 (Amazon mockup): Similar scroller to the live scroller used on Amazon (as of October 2, 2012). Use of Navigation Arrows. Use of a "Page Numbers" only Navigation Bar ("Custom"). Use of rounded corners on "Container Area CSS".

HTML jQuery slider scroller Amazon mockup example

- Added the "None" option at the "Initially Selected Item" property, so that the scroller appears with no item in "selected" state.

- Changed the "Initially Selected Item" of "Example 06" to "Random", so that the scroller (slider) shows a random content when it initially appears.

- Improved the "fade" sub-effects to be more visible.

- Fixed a Navigation Bar issue where an extra space was added after the last page number.

- Fixed an issue regarding the Width option "Auto (variable): Different for each item".

- Fixed an issue with loading multiple scroller projects to a page.

- Fixed an issue with the combination of "Automatic Play (slideshow)" & "Step by Item" & "Random".

- Added the ability to insert and use custom values inside the page before the "Linking Code" section in order to override several internal project options.

- Fixed a positioning issue for "Floating" scrollers that used the "Relative to Element" or "Relative to Image" positioning option.

- Fixed an issue with the positioning of Navigation Arrows when they were "Embedded" inside a vertical scroller (jQuery slider).

- Fixed a Safari-related issue where the item separators appeared wider.

- Fixed an issue with the fonts in the Top/Bottom/Left/Right areas.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at 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