I am using responsive designs to design visualforce pages for Salesforce1 platform. in a page, i have a table, for this i used html with Data-role as "Collapsible". i am getting the results correctly when the page loaded initially. I have a button on the page, that modifies the table results (here i am re-rendering the table after action completes), but after the page re-rendered i am no longer seeing the collapsible design on the visualforce page which previously had appeared. instead normal table appearing.

i have included jquery mobile libraries this.

================================

Code

<div data-role="collapsibleset" id="set">
            <div data-role='collapsible'  id='panel5' class='selector' >
                <h3>The Line Items</h3>
                ****<table style="display : Block; border-top: 1px solid #d6d6d6;" data-role="table" data-mode="columntoggle" data-column-btn-text="Click me to hide or shown columns!" class="ui-responsive" id="lineItemsTable">****
.
.*/*action method that call apex method and returns back to the page*/*
.
</table>

suggest me how shall i retain the collapsible design after the page re-rendered.

To make your VF page more performance on SF1, Redesign your page to use RemoteAction method instead of Action Function (Refer : https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_js_remoting_example.htm). It will makes the page data load faster and it will not get into white screen even if you loading large data.

Thanks, Hari

  • i am not getting a white screen after the action completes, rather the designs are disappearing. eg. initially i have collapsible table that allows me to select which column should be displayed on the mobile device page, once i click on the button , action completed, that collapsible feature is not coming again. – Venkatz Jul 26 '16 at 10:17
  • When the action function oncomplete event, try calling collapible refresh api.jquerymobile.com/collapsibleset/#method-refresh – Hari Hara Suthan Jul 26 '16 at 10:33
  • i am using oncomplete in button to do refresh the collapsible but it does not help either. code:function initiatedesign() { window.alert('entered'); $( "#set" ).collapsibleset( "refresh" ); } – Venkatz Jul 26 '16 at 11:32

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.