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
NakataNakata 

How can i make my table to 100% fit to user ?

Good day, 

 

I ave following code but the list table showing me half of the screen, appreciated someone can point out where should i change my code to fit 100% on user screen , thanks in advance !

 

<apex:pageBlock title="test" mode="edit">
<apex:pageBlockSection title="" columns="2">
<apex:pageBlockSectionItem >
<apex:outputPanel >
<apex:outputLabel value="Test type" for="Test_Type__c__namevalue"/>
<apex:outputLabel value=":" />                    
<apex:outputText value="{!TestTypeName}" id="Test_Type__c__namevalue"/>
</apex:outputPanel>

</apex:pageBlockSectionItem>

</apex:pageBlockSection>
<apex:pageBlockSection >
  <apex:pageBlockSectionItem >
  <apex:outputPanel >
 <apex:outputLabel value="Country" for="Test_Type__countryNameValue"/>
 <apex:outputLabel value=":" />
 <apex:outputText value="{!TestTypecountry}" id="Test_Type__countryNameValue"/>
 </apex:outputPanel> 
  </apex:pageBlockSectionItem>
</apex:pageBlockSection>
</apex:pageBlock>

 <apex:tabPanel switchType="client" selectedTab="tabdetails" id="AccountTabPanel" tabClass="activeTab" inactiveTabClass="inactiveTab" >
 
  <apex:tab label="{!$Label.contact_tab}" name="contactDetails" id="tabContact"  >

 <apex:pageBlock >
 <apex:pageBlockButtons >
<apex:commandButton action="{!doSave}" value="Save"/>
<apex:commandButton action="{!doCancel}" value="Cancel"/>
 </apex:pageBlockButtons>
 
 <apex:pageBlockSection collapsible="false" showHeader="false">
 <apex:pageBlockSectionItem >
 <apex:pageBlockTable value="{!fieldConfigContactOutputList}" var="item" width="100%">
 
 
<apex:column width="100%"> 
<apex:facet name="header">User Name</apex:facet>
 <apex:outputText value="{!item.UserName}" rendered="{!item.countryName=='US'}"/> 
</apex:column>

<apex:column width="100%"> 
<apex:facet name="header">Country Name</apex:facet>   
 <apex:outputText value=" {!item.CountryName}" rendered="{!item.CountryName=='US'}"/> 
</apex:column>

<apex:column width="100%"> 
<apex:facet name="header">Is Enabled</apex:facet>
  <apex:inputCheckbox value="{!item.isEnabled}" rendered="{!item.CountryName=='US'}"/>
</apex:column>

<apex:column width="100%">
<apex:facet name="header">Is Required(Mandatory)</apex:facet>
  <apex:inputCheckbox value="{!item.isRequired}" rendered="{!item.CountryName=='US'}"/>  
</apex:column>

</apex:pageBlockCountryle>
 
 </apex:pageBlockSectionItem>
 </apex:pageBlockSection>

</apex:pageBlock>

  </apex:Country>

 

Best Answer chosen by Admin (Salesforce Developers) 
Shashikant SharmaShashikant Sharma

Set columns="1" in the pageblocksection which contains the table like

 

<apex:pageBlockSection collapsible="false" showHeader="false" columns="1">

 By default this is 2 thats why your section is coming only in first half of section.