0

The triangle and the title in the page block is not coming in the same line. Existing output "enter image description here

When i click on the triangle its coming like "enter image description here

The VF page code is

<apex:commandButton id="subcribedContractbtn" action="{!getContractData}" rerender="WebservicePanels" value="{!$Label.Rforce_SubscribedContracts}" /> 
<div class = "slds" style="clear:both;overflow:hidden;height:auto;width:100%;" id = "tooltip"> 
<apex:outputPanel id="idsubcribedContractPanel" rendered="{!IF(showDetail = 4 || showDetail=69,true, false)}">        
    <apex:pageblock >
      <apex:pageMessages ></apex:pageMessages>
        <apex:pageblocksection title="Subscribed" columns="1">                       
          <apex:dataTable value="{!contracts}" var="w" border="1" style="border-style:hidden;width:100%;" align="center" styleClass="slds-table slds-table--bordered" headerClass="TableTitle">

                <apex:column value="{!w.idContract}" headerValue="{!$Label.Rforce_ContractID}"/>
                <apex:column value="{!w.strType}" headerValue="{!$Label.VFP05_Type}" />
                <apex:column value="{!w.strTechLevel}" headerValue="{!$Label.Rforce_TechnicalLevel}" />
                <apex:column value="{!w.strServiceLevel}" headerValue="{!$Label.Rforce_ServiceLevel}" />
                <apex:column value="{!w.strProductCode}" headerValue="{!$Label.Rforce_ProductCode}" />
                <apex:column value="{!w.strStatus}" headerValue="{!$Label.Rforce_StatusofContract}" />
                <apex:column value="{!w.strContractValidityDate }" headerValue="{!$Label.Rforce_ContractValidityDate}" />
                <apex:column value="{!w.strContractValidityKM }" headerValue="{!$Label.Rforce_ContractValidityKM}" />
            </apex:dataTable>
        </apex:pageblocksection>

    </apex:pageblock>

</apex:outputpanel>  
 </div>
5
  • Is there a question? What have you tried? I'd start by removing the wrapping div to see if that's the cause. – Nick Cook Apr 19 '16 at 5:05
  • ya its a question only !! I have tried by using this code. still this issue persists.Please get me through this Nick – uma451 Apr 19 '16 at 5:08
  • I think that is because of this one...<apex:dataTable value="{!contracts}" var="w" border="1" style="border-style:hidden;width:100%;" align="center" styleClass="slds-table slds-table--bordered" headerClass="TableTitle"> Try to remove the styles and style class within the apex:datatable and see whether it is working fine or not. – Subhash Apr 19 '16 at 5:13
  • yes i have tried and it worked . But i need to use slds styles for this page. Thats y i put those style classes – uma451 Apr 19 '16 at 5:37
  • try position property or margin top, – Tushar Sharma Apr 19 '16 at 5:43
0

I think you can do it by using style="margin:0px 0px 0px 0px". Right click on triangle and select Inspect Element and at css style-sheet type margin and give the pixels as above and then keep on changing pixels size then you can see the difference.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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