Collapse all collapsible on app launching

[Ral Gaultier]

How do i make all the collapsible hide their content and only show their content when clicked. Currently they are all expanded but I would like then unexpanded by default. How can i modify the code to correct this?

[Ral Gaultier]

To make it clearer, I want all the collapsible components to be uncollapsed/hide their content upon initial launch of the app

[Kateryna Grynko]

Hi Ral,

Take a look at here please: https://getsatisfaction.com/apperyio/...

[Ral Gaultier]

Here's what i've done but it's not working

/* mobilecollapsblock_2 */

Code: Select all

         $("#Profile_mobilecollapsblock_2 .ui-collapsible-heading- toggle").attr("tabindex", "1"); 
         Appery("mobilecollapsblock_2").trigger("collapse");

[Igor]

Dear Ral.

1 You can use "Collapsed" property :

2 or below code:

pre
code
//collapse component.
Appery("mobilecollapsblock_10").collapsible("collapse");

//expand component.
Appery("mobilecollapsblock_10").collapsible("expand");
/code
/pre

where "mobilecollapsblock_10" - collapsible component name

[Ral Gaultier]

Awesome.. It works like a charm... Tnx, you're the best

[Ral Gaultier]

cheers

[Ral Gaultier]

One more thing..

Can you give me the code to modify Collapse component height and width?

[Maryna Brodina]

Hello! By default it's 100% height and adjasted to the content. Could you clarify what do you want to change?

[Ral Gaultier]

Hello Maryna,

I want to make the collapse component and Text look bigger.

In the component properties there's no option to increase the collapse component text font