Skip to content. | Skip to navigation

Personal tools
Log in
Sections
You are here: Home Blogs Myroslav Opyr KSS Opener Introduction of KSS Opener

Introduction of KSS Opener

KSS introduced revolutionary concept into Ajax/CSS development. However out-of-the-box feature set is limited, while offering quite good extensibility. Opener is KSS component that extends KSS selectors with the set of events to enable collapsible behaviour.

After installation product offers following event:

opener-selector:opener-init {
evt-init-elementSelector: element-selector;
}

All elements that matches opener-selector will get controller that will offer expand/collapse functionality with mouse click.

Real-life example is:

.term:opener-init {
evt-init-elementSelector: '.details';
}

and having HTML code:

<div class="term">
History
<div class="details">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum
iaculis eros eu purus. Integer accumsan leo id lorem viverra vulputate.
Donec feugiat nunc molestie massa nonummy pulvinar. Proin porta pede
sit amet lectus. Duis leo urna, tempor non, condimentum condimentum,
commodo non, libero. Integer feugiat, pede at.
</div>
</div>

 

will produce into something like:

Document Actions
Filed under:
comments powered by Disqus
Blogger: Myroslav Opyr

myroslav.jpg

Leave Testimonial

go here

Our RSS Feeds

Subscribe to our RSS feeds:

rss2-icon.png Quintagroup Blog
rss2-icon.png Python Blog
rss2-icon.png Plone Products
rss2-icon.png CMS.info Blog

Plone PDF brochure

Tag Cloud