Olga Real Olga Real - 2 months ago 23
Javascript Question

How to minimize a JQuery UI Portlet by default

http://jqueryui.com/demos/sortable/#portlets

in that link above there are objects called as portlets. the thing i want is how could i make the portlets start as minimized by default.

Is there any possible ways to make it start as minimized in initial view?

Answer

If you're going directly off of their example source code, then you simply need to update

.portlet-content { padding: 0.4em; } 

to

.portlet-content { display:none; padding: 0.4em; } 

and

.prepend( "<span class='ui-icon ui-icon-minusthick'></span>")

to

.prepend( "<span class='ui-icon ui-icon-plusthick'></span>")
Comments