function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
SFDC Learning 6SFDC Learning 6 

Visualforce page with SLDS tag Issue

Here is my Visualforce code:

  
<apex:form id="frm">
<div  style="width:50%;">
        <apex:pageMessages escape="false" ></apex:pageMessages> </div>

    <apex:inputHidden value="{!abc}" id="abc"/>
    <div id="selctMaster">
    <apex:pageBlock id="adminValues">
    
    <apex:pageBlockSection columns="1" collapsible="false" >  
     
    
    <label class="slds-form-element__label"  style="font-weight:bold;color:black;margin-top:10px;font-size:20px;color: #2574a9;test-align:right;">Configure Settings</label>   
  
    <apex:pageBlockSectionItem labelStyle="background-color:#F4F6F9;" > 
       <apex:outputpanel >
        <table style="width:100%">

           <tbody>
             <div class="slds-form-element__row" >  
             <div style="width:50%;">

                 <div class="slds-form-element">  
                   <apex:outputLabel styleClass="slds-form-element__label">Account name:</apex:outputLabel>  
                   <apex:inputText value="{!name}" styleClass="slds-form-element__control slds-input"/>  
                 </div>  
               </div>                

                
      
            </tbody>
        </table>
         </apex:outputpanel>
          </apex:pageBlockSectionItem> 
       </apex:pageBlockSection>


 <div class="slds-p-horizontal--small slds-m-top--medium slds-size--1-of-1 slds-align--absolute-center">
            <apex:commandButton styleclass="slds-button slds-button--brand" value="Save" action="{!abcds}" status="actStatusId" reRender="frm"  />
            </div>


</apex:pageBlock>
            </div>

on button press , Pageblock will be no longer to appear. Can anyone please tell me whats the issue with it?

Thanks in advance 
Shiva RajendranShiva Rajendran
Hi SFDC Learning 6,
Could you share the full code and controller code aswell to help you better.
Thanks and Regards,
Shiva RV
BALAJI CHBALAJI CH
Hi,

Not sure why, but when you are reRendering the form using id "frm" at line 38, the input test box is being disappearing.
You can replate it with div id "selctMaster" and the input box won't disapper. 
<apex:commandButton styleclass="slds-button slds-button--brand" value="Save" action="{!abcds}" status="actStatusId" reRender="selctMaster"  />
As Shiva suggested, you can share full code for better understanding.

Let us know if that helps you.

Best Regards,
BALAJI
 
Shiva RajendranShiva Rajendran

Hi Balaji ,
One quick question to your statement . If it worked right , could you explain why the above phenomon you have mentioned work!
I mean 
if div with id as mentioned in the reRender doesn't exist and the Controller action returns null ,then either no reRender happens or the whole page is reRendered , why will the PageBlock or the div content goes invalid?
Could you explain regarding this.

Thanks and Regards,
Shiva RV
BALAJI CHBALAJI CH
Hi Shiva,
Thanks for pointing this out. I have just tried out his code with a custom controller and a method which returns nothing. As he said, the Input text boxi is being disappearing and I'm not sure why. When I replaced reRendering with div id, it stays there. I think we can only know the exact issue if we have full code.
You can give out a try with the code.