Skip to content

Instantly share code, notes, and snippets.

@cdcarter

cdcarter/stg_header.jsf

Created November 1, 2015 20:07
Show Gist options
  • Save cdcarter/3f43731822ce6048a1df to your computer and use it in GitHub Desktop.
Save cdcarter/3f43731822ce6048a1df to your computer and use it in GitHub Desktop.
Download ZIP
slds breadcrumbs weird
Raw
stg_header.jsf
<apex:page standardStylesheets="false" applyBodyTag="false" docType="html-5.0">
<html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<apex:stylesheet value="{!URLFOR($Resource.SLDS0101, 'assets/styles/salesforce-lightning-design-system-vf.css')}" />
<body>
<apex:form styleClass="slds">
<div class="slds-page-header" role="banner">
<nav class="slds-m-bottom--xx-small" role="navigation">
<p id="bread-crumb-label" class="slds-assistive-text">You are here:</p>
<ol class="slds-breadcrumb slds-list--horizontal" aria-labelledby="bread-crumb-label">
<li class="slds-list__item slds-text-heading--label"><a href="">Volunteers Settings</a></li>
<li class="slds-list__item slds-text-heading--label"><a href="">{!$ObjectType['Site'].labelPlural}</a></li>
</ol>
</nav>
<div class="slds-grid">
<div class="slds-col slds-has-flexi-truncate">
<h1 class="slds-text-heading--medium slds-truncate" title="{!$ObjectType['Profile'].Label}">!Site.Name {!$ObjectType['Profile'].Label}</h1>
</div>
<div class="slds-button-group " role="group">
<apex:commandButton styleclass="slds-button slds-button--neutral" action="" value="Fix Security"></apex:commandButton>
</div>
</div>
<p class="slds-text-body--small slds-m-top--x-small"></p>
</div><!-- end header -->
</apex:form>
</body>
</html>
</apex:page>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment