Apex Code Development You need to sign in to do that
Don't have an account?
Strange styling visual force tabs
I have a Lightning app with a visual force page that contains tabs. When the page loads my tabs look like this:
Which is not what I want. Could anyone shed some light on this? May thanks in advance!
Which is not what I want. Could anyone shed some light on this? May thanks in advance!
<apex:page standardController="Contact" extensions="tpdControllerReportSingle" readOnly="true" tabStyle="tpdPublishJob__c" title="Tripolis Dialogue Communication History" lightningStyleSheets="true">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var ids = {};
var j$ = jQuery.noConflict();
j$(document).ready(function() {
<apex:repeat value="{!databaseIds}" var="dbId" id="idRepeat">
<apex:outputText value="ids['{!dbId}'] = false;"/>
</apex:repeat>
fetchNext();
});
function fetchNext() {
for(var id in ids) {
if (ids[id] == false) {
ids[id] = true;
fetchCommunication(id);
break;
}
}
}
</script>
<apex:sectionHeader title="Tripolis Dialogue Communication History">
<input type="submit" class="btn" value="Back to contact" style="float: right;" onclick="javascript:window.location.href='/lightning/r/Contact/{!recordId}/view';" />
</apex:sectionHeader>
<apex:pageMessages />
<apex:actionStatus id="SearchStatus">
<apex:facet name="start">
<img class="waitingImage" src="/img/loading.gif" title="Please Wait..." />
<span class="waitingDescription">Fetching communication history...</span>
</apex:facet>
</apex:actionStatus>
<apex:tabPanel id="historyTab">
<apex:tab label="Summary" name="Summary">
<apex:pageBlock >
<apex:pageBlockTable value="{!reportList}" var="item" id="reportList">
<apex:column headerValue="Mailing Type"><apex:outputText value="{!item.channel}"/></apex:column>
<apex:column headerValue="jobLabel"><apex:outputText value="{!item.jobLabel}"/></apex:column>
<apex:column headerValue="jobSubject"><apex:outputText value="{!item.jobSubject}"/></apex:column>
<apex:column headerValue="timeSent"><apex:outputText value="{!item.timeSent}"/></apex:column>
<apex:column headerValue="isTransactional"><apex:outputText value="{!item.isTransactional}"/></apex:column>
<apex:column headerValue="bounceCode"><apex:outputText value="{!item.bounceCode}"/></apex:column>
<apex:column headerValue="skipType"><apex:outputText value="{!item.skipType}"/></apex:column>
<apex:column headerValue="firstOpen"><apex:outputText value="{!item.firstOpen}"/></apex:column>
<apex:column headerValue="LastOpen"><apex:outputText value="{!item.LastOpen}"/></apex:column>
<apex:column headerValue="totalOpens"><apex:outputText value="{!item.totalOpens}"/></apex:column>
<apex:column headerValue="firstClick"><apex:outputText value="{!item.firstClick}"/></apex:column>
<apex:column headerValue="LastClick"><apex:outputText value="{!item.LastClick}"/></apex:column>
<apex:column headerValue="totalClicks"><apex:outputText value="{!item.totalClicks}"/></apex:column>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:tab>
<apex:tab label="Opens" name="Opens">
<apex:pageBlock >
<apex:pageBlockTable value="{!openList}" var="item" id="openList">
<apex:column headerValue="Date"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Mailing"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Rendered"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Browser"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Type"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="OS"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Device Type"><apex:outputText value="test"/></apex:column>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:tab>
<apex:tab label="Clicks" name="Clicks">
<apex:pageBlock >
<apex:pageBlockTable value="{!clickList}" var="item" id="clickList">
<apex:column headerValue="Date"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Link"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Tags"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Browser"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Type"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="OS"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Device Type"><apex:outputText value="test"/></apex:column>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:tab>
<apex:tab label="Bounces" name="Bounces">
<apex:pageBlock >
<apex:pageBlockTable value="{!bounceList}" var="item" id="bounceList">
<apex:column headerValue="Date"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Bouncecode"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Description"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Hard bounce"><apex:outputText value="test"/></apex:column>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:tab>
<apex:tab label="Complaints" name="Complaints">
<apex:pageBlock >
<apex:pageBlockTable value="{!complaintList}" var="item" id="complaintList">
<apex:column headerValue="Date"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Mailing"><apex:outputText value="test"/></apex:column>
<apex:column headerValue="Complaint source"><apex:outputText value="test"/></apex:column>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:tab>
</apex:tabPanel>
<apex:form >
<apex:actionFunction name="fetchCommunication" action="{!fetchCommunication}" oncomplete="fetchNext();" rerender="reportList" status="SearchStatus">
<apex:param value="" assignTo="{!getDatabaseId}" name="var1"/>
</apex:actionFunction>
</apex:form>
</apex:page>