Skip to main content
Participant
Sep 5, 2014 10:30 PM UTC
Question

how to disable Accordion layout?

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

    This topic is closed to new replies. Start a new post to keep the conversation going.

    3 replies

    BKBK
    Community Expert
    Community Expert
    Sep 6, 2014 2:55 PM UTC

    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>

    Translate
    haha1999Author
    Participant
    Sep 8, 2014 4:19 PM UTC

    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!!

    Translate
    BKBK
    Community Expert
    Community Expert
    Sep 8, 2014 7:38 PM UTC

    That is what you get when you toggle between

    ColdFusion.Layout.expandAccordion and ColdFusion.Layout.collapseAccordion

    Try it and see.

    Translate