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
KD_SFGKD_SFG 

Command Buttons and Output links within div tags

Hi,

 

I am developing a set of pages using custom CSS. I have been able to implement the CSS and get the custom page designed. I have a div region where I am displaying the data from various Objects using data table. I have links in the table that will redirect me to other pages or buttons to close case etc. but the action does not happen when they are provided inside the div region.

However they work perfectly when used without div tags. Can someone help me in getting this done inside div tags as well.

 

Thanks

KD

Ankit AroraAnkit Arora

Both scenarios with some code snippet will be more helpful.

 

 

Thanks
Ankit Arora

 

KD_SFGKD_SFG

Hi,

 

The section of code within the div tags

 

<div class="spotlight">
    <h3>My Cases</h3>
        <apex:dataTable value="{!Cases}" var="c" id="cases">
            <apex:facet name="Caption"> My Cases </apex:facet>
            <apex:column headerValue="Case Number">
                <apex:facet name="Header">Case Number</apex:facet>
                <apex:outputText value="{!c.CaseNumber}"/>
            </apex:column>
            <apex:column headerValue="Asset Name">
                <apex:facet name="Header">Asset Name</apex:facet>
                <apex:outputText value="{!c.Asset.Name}"/>
            </apex:column>
            <apex:column headerValue="Subject">
                <apex:facet name="Header">Subject</apex:facet>
                <apex:outputText value="{!c.Subject}"/>
            </apex:column>
            <apex:column headerValue="Status">
                <apex:facet name="Header">Status</apex:facet>
                <apex:outputText value="{!c.Status}"/>
            </apex:column>
            <apex:column >
                <apex:outputLink value="/apex/confirmClose?Id={!c.Id}">Close Case
<!--                    <apex:param value="{!c.Id}" name="caseId" assignTo="{!closeCase}"/> -->
                </apex:outputLink>
<!--                <apex:commandLink value="close Case" action="{!closeCase}" reRender="cases">
                    <apex:param name="casenumber" value="{!c.CaseNumber}"/>
                </apex:commandLink> -->
            </apex:column>
                        <apex:column >
                <apex:commandLink value="Add Comments" action="{!closeCase}" reRender="cases">
                    <apex:param name="casenumber" value="{!c.CaseNumber}"/>
                </apex:commandLink>
            </apex:column>
        </apex:dataTable>
    </div>

 The same code works fine when I remove them from the div tag and use it directly under apex:pages.