Lost Password
Create an Account

Your username must be unique, and cannot be changed later.

We use your email address to email you a secure password and verify your account.

how to add sliding panel to existings sliding panels list

Home › Forums › Wink ui › how to add sliding panel to existings sliding panels list

Tagged: , , ,

This topic has 2 voices, contains 3 replies, and was last updated by  admin 585 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
October 16, 2011 at 8:05 pm #link

siokstoksanoks

example:

we create sliding panels list:

sliding_panels = new wink.ui.layout.SlidingPanels( { duration: 500, pages: [ 'news', 'blog' ] } );

wrapper.append( sliding_panels.getDomNode() );

question is how to add new page(item) to sliding_panels?

October 17, 2011 at 6:50 am #link

admin

Hi,

The problem with adding pages to the sliding panel are potential performance issues if you start to add too many pages… that’s why the sliding panel has no “addPage” method. What we advise is rather to have a third page where you would dynamically change the content.

for instance:


sliding_panels = new wink.ui.layout.SlidingPanels( { duration: 500, pages: [ 'news', 'blog', 'articles' ] } );
wrapper.append( sliding_panels.getDomNode());

And just before sliding:


$('articles').innerHTML = 'my article content';
sliding_panels.slideTo('articles');

Jérôme

October 17, 2011 at 11:57 am #link

siokstoksanoks

i solved how to add panels, but than very slow became scrollers. everytime i change content i disable old scroller and assign new, because on htc desire other methods to reset scroller doesn’t work. So, its not posible to use many sliding panels with scrollers and dynamic content.

October 17, 2011 at 12:09 pm #link

admin

Did you have a look at this older post:
http://www.winktoolkit.org/discussion/topic/how-to-slide-between-pages-with-persistent-header-and-footer ?

People had the similar kind of problems and we explained how to use the “destroy” and “changeContext” methods of the scroller.

Jérôme

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.