On March 26, 2019 we launched new MODX Forums. Please join us at the new MODX Community Forums.
Subscribe: RSS
  • There is a class called "active-accordion" everything works right except the active part. I am at a loss
    Below is all the code

    CHUNK
     <div class="parallax2 parallax-fix margin-five no-margin-bottom" >
                    <img class="parallax-background-img" src="[[*accordian_parallax]]" alt="" />
                    <div class="col-md-6 col-xs-12 about-tab-right pull-right">
                        <div class="panel-group accordion-style1" id="accordion-one">
                            [[!getImageList?
            &tvname=`accordian_list`
            &tpl=`service_home_accordian_list` &docid=`[[*id]]`
    ]]
            
                               
                        </div>
                    </div>
                </div>
               


    MIGX CHUNK
    <!-- accordion item -->
                            <div class="panel panel-default">
                                <div class="panel-heading active-accordion">
                                    <a data-toggle="collapse" data-parent="#accordion-one" href="#accordion-one-link[[+additionalField]]"><h4 class="panel-title"><i class="icon-[[+additionalField1]] extra-small-icon vertical-align-middle white-text"></i> [[+title]]<span class="pull-right"><i class="fa fa-minus"></i></span></h4></a>
                                </div>
                                <div id="accordion-one-link[[+additionalField]]" class="panel-collapse collapse in">
                                    <div class="panel-body margin-two">
                                        <div class="col-md-3 col-sm-3 col-xs-12 travel-about-img xs-text-center xs-margin-bottom-ten"><img src="[[ImagePlus? 
      &value=`[[+image]]`
    ]]" title="[[+title]]" alt="" class="white-round-border no-border"/></div>
                                        <div class="col-md-9 col-sm-9 col-xs-12"><p class="text-med light-gray-text">[[+additionalField2]]</p></div>
                                    </div>
                                </div>
                            </div>
                            <!-- end accordion item -->

    TV MIGX Config

    [
    {"caption":"Image", "fields":[
    {"field":"image","caption":"Image","inputTV":"accordian_image"}
    ]},
    {"caption":"Accordian Order Number", "fields": [
    {"field":"additionalField","caption":"Accordian Order Number","inputTVtype":"text"}
    ]},
    {"caption":"Title", "fields": [
    {"field":"Title","caption":"Title","inputTVtype":"text"}
    ]},
    {"caption":"Icon", "fields": [
    {"field":"additionalField1","caption":"Icon","inputTVtype":"text"}
    ]},
    {"caption":"Content", "fields": [
    {"field":"additionalField2","caption":"Content","inputTVtype":"textarea"}
    ]}
    
    [
    {"header": "Image", "width": "100", "sortable": "false", "dataIndex": "image","renderer": "ImagePlus.MIGX_Renderer"},
    {"header": "Accordian Order Number", "width": "100", "sortable": "true", "dataIndex": "additionalField"},
    {"header": "Title", "width": "100", "sortable": "true", "dataIndex": "Title"},
    {"header": "Icon", "width": "100", "sortable": "true", "dataIndex": "additionalField1"},
    {"header": "Content", "width": "100", "sortable": "true", "dataIndex": "additionalField2"}
    ]
    
    ] 


    I tried this and it does call the active but it opens all of them on landing
     <!-- accordion item -->
                            <div class="panel panel-default">
                               
                                <div class="panel-heading [[+idx:is=`0`:then=`active-accordion`]]"  >
                                    
                                    <a data-toggle="collapse" data-parent="#accordion-one" href="#accordion-one-link[[+additionalField]]"><h4 class="panel-title"><i class="icon-[[+additionalField1]] extra-small-icon vertical-align-middle white-text"></i> [[+title]]<span class="pull-right"><i class="fa fa-minus"></i></span></h4></a>
                               
                                </div>
                                [[getResources?&idx=`0`]]
                                <div [[+idx:is=`0`:then=`class="active-accordion"`:else=``]]  id="accordion-one-link[[+additionalField]]" class="panel-collapse collapse in ">
                              
                                    <div class="panel-body margin-two">
                                        <div class="col-md-3 col-sm-3 col-xs-12 travel-about-img xs-text-center xs-margin-bottom-ten"><img src="[[ImagePlus? 
      &value=`[[+image]]`
    ]]" title="[[+title]]" alt="" class="white-round-border no-border"/></div>
                                        <div class="col-md-9 col-sm-9 col-xs-12"><p class="text-med light-gray-text">[[+additionalField2]]</p></div>
                                    </div>
                                </div>
                            </div>
                            <!-- end accordion item -->
    [ed. note: eleiz11 last edited this post 5 months, 4 weeks ago.]