function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Nikhil DevNikhil Dev 

Salesforce1 Visualforce Styling

Hello All,

I have created a page which supports in Salesforce1 app using the code samples from http://sfdc-styleguide.herokuapp.com/.

Now when I rerender some part of the page the styling gets disturbed.

Can anyone sugget a solution.
bob_buzzardbob_buzzard
This really isn't enough information - we have no idea what your page is doing or how you are rerendering things.   Can you post some (not all!) code and an an explanation?
Nikhil DevNikhil Dev

Hi Bob,

Thanks for your response.

I am developing the Search Page which display results based on some criteria.

When I click on Search Button and rerender PBlock1 part, the css of the page gets distraced and the layout looks wierd.
This works fine when I refresh the complete page.(but this will nor serve my purpose, as I need to show progress spinner when page renders)

The CSS I used in my page from this site:
http://sfdc-styleguide.herokuapp.com

My code:
/.****************************************************/
<apex:commandButton value="New" action="{!NewJP}" styleclass="default one uiBlock uiButton forceActionButton label bBody truncate" status="runReportST" rerender="PBlock1"/>

<apex:pageblock Id="PBlock1">
<apex:repeat value="{!SomeList}" var="ls">
        <article class="mam bg-1 border border--3 brm" Id="art2">
            <table width="100%">
    <tr height="10px">
    </tr>
    <tr>
     <td width="5%"/>
     <td width="30%" align="left">
      <apex:outputLabel>
       <apex:outputLink value="/{!res.Id}" target="_self" style="color:#3c3d3e">
        {!res.Name}
       </apex:outputLink>
      </apex:outputLabel>
     </td>
       <td width="60%" align="left">
       </td>
     <td width="5%"/>
    </tr>
   </table>
</apex:repeat>
</apex:pageblock>

/****************************************************/
The above page block displays search results in Cards