Skip to main content
Participant
September 5, 2014
Question

how to disable Accordion layout?

  • September 5, 2014
  • 1 reply
  • 345 views

Is there a same function like ColdFusion.Layout.disableTab to disable Accordion layout? Thanks!!

    This topic has been closed for replies.

    1 reply

    BKBK
    Community Expert
    Community Expert
    September 6, 2014

    You could toggle between

    ColdFusion.Layout.expandAccordion and ColdFusion.Layout.collapseAccordion

    or between

    ColdFusion.Layout.showAccordion and ColdFusion.Layout.hideAccordion

    For example,

    <CFLAYOUT type="accordion" name="accordionHomeInformation" align="left">

        <CFLAYOUTAREA title="Home Information" name="panelHomeInformation">

    Address and other details

    </CFLAYOUTAREA>

    </CFLAYOUT>

    <CFLAYOUT type="accordion" name="accordionSensitiveInformation" align="left">

        <CFLAYOUTAREA title="Sensitive Information" name="panelSensitiveInformation">

    Abracadabra

    </CFLAYOUTAREA>

    </CFLAYOUT>

    <cfform>

    <!---  

        <cfinput type="button" name="ShowAccordion" value="Show Sensitive Information"

            onClick="ColdFusion.Layout.showAccordion('accordionSensitiveInformation','accordionSensitiveInformation')">

        <cfinput type="button" name="HideAccordion" value="Hide Sensitive Information"

            onClick="ColdFusion.Layout.hideAccordion('accordionSensitiveInformation','accordionSensitiveInformation')">

    --->

        <cfinput type="button" name="ExpandAccordion" value="Expand Sensitive Information"

            onClick="ColdFusion.Layout.expandAccordion('accordionSensitiveInformation','accordionSensitiveInformation')">

        <cfinput type="button" name="CollapseAccordion" value="Collapse Sensitive Information"

            onClick="ColdFusion.Layout.collapseAccordion('accordionSensitiveInformation','accordionSensitiveInformation')">

    </cfform>

    haha1999Author
    Participant
    September 8, 2014

    Thanks for your reply. What I want is to set some Accordion cflayoutareas disable (not clickable) first. For example, there is a process which need 2 steps to finish. Customer can't expand step 2 before they need to finish all jobs on step 1. Thanks!!

    BKBK
    Community Expert
    Community Expert
    September 8, 2014

    That is what you get when you toggle between

    ColdFusion.Layout.expandAccordion and ColdFusion.Layout.collapseAccordion

    Try it and see.