I'm trying to render an Apex:outoutpanel with some Text based on certain criteria within an Inline VF page. I will be adding Lightning Design within this panel. But looks like it doesn't properly showing up. Here's my code:
<apex:form id="map_Form">
<!--Displays the Map-->
<apex:outputPanel rendered="false">
<div style="width: 100%;" id="mapDiv">
<div id="map" style="width: 60%; height: 600px; float: left;margin:0px;color:black;"></div>
<div id="panel" style="width: 40%; float: left;margin:0px;"></div>
</div>
</apex:outputPanel>
<!--End of the Map-->
<!--Displays Validation message-->
<apex:outputPanel rendered="true">
<div class="slds-text-color--error">Error shows here!</div>
</apex:outputPanel>
<!--End of the validation message-->
</apex:form>
This 'Error shows here!' is still a plain text. Any thoughts??
apex:slds
that provides your page with the latest SLDS automatically.