Can't open sliding panel from Search Component Select Actions

edited October 2019 in Problems
From a search component in the header, I am able to open a slider from global actions, but not from select actions. Currently I open a popup window using select actions that I would like to convert to a sliding panel. When I choose "open sliding panel" as the action under select actions, then preview the page and select one of the search suggestions, nothing happens. I don't get any errors on the page or in console. It does work as expected in global actions, but for my use case, I need select actions. 
Thanks!

Comments

  • edited May 2017
    Sorry you're experiencing this. 

    I'm having a hard time reproducing your problem. What is different about your setup than mine posted below? I'm running on 9.5.6.



    <skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" useviewportmeta="true" showheader="false">    <models>
            <model id="Account" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Account">
                <fields>
                    <field id="Name"/>
                </fields>
                <conditions/>
                <actions/>
            </model>
        </models>
        <components>
            <skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" createrecords="true" model="Account" buttonposition="" mode="read" allowcolumnreordering="true" uniqueid="sk-3t_sSD-135">
                <fields>
                    <field id="Name" hideable="true" uniqueid="fi-3t_vGu-151"/>
                </fields>
                <rowactions>
                    <action type="edit"/>
                    <action type="delete"/>
                </rowactions>
                <massactions usefirstitemasdefault="true">
                    <action type="massupdate"/>
                    <action type="massdelete"/>
                </massactions>
                <views>
                    <view type="standard"/>
                </views>
            </skootable>
        </components>
        <resources>
            <labels/>
            <javascript/>
            <css/>
        </resources>
        <styles>
            <styleitem type="background" bgtype="none"/>
        </styles>
        <pageregioncontents>
            <pageregioncontent uniqueid="__header">
                <components>
                    <skuidheader sticky="true">
                        <components>
                            <search uniqueid="sk-3t_VbH-93" soslfields="Name Fields">
                                <selectactions>
                                    <action type="openSlidingPanel">
                                        <panel title="Sliding Panel Contents" uniqueid="sk-3t_bZa-103" size="50%" origin="left" closeonpageclick="true" behavior="overlay">
                                            <components>
                                                <pagetitle uniqueid="sk-3t_dKR-107" model="Account">
                                                    <maintitle>Hello World</maintitle>
                                                    <actions/>
                                                </pagetitle>
                                            </components>
                                        </panel>
                                    </action>
                                </selectactions>
                                <objects>
                                    <object datasource="salesforce" id="Account" fields="Name">
                                        <fields>
                                            <field id="Name"/>
                                        </fields>
                                    </object>
                                </objects>
                            </search>
                        </components>
                        <styles>
                            <styleitem type="background" bgtype="none"/>
                            <styleitem type="border"/>
                        </styles>
                    </skuidheader>
                </components>
            </pageregioncontent>
        </pageregioncontents>
    </skuidpage>


  • edited October 2019
    Hi, 
    The page that has this issue is big, so I cloned it and deleted out all of the extra stuff to focus on the search component. Here is the xml. Thanks for looking into this.

    /*
    <skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" showheader="false" theme="StoneHouseModernDashboard">
        <models>
            <model id="LifeSenseAcctId" limit="1" query="true" createrowifnonefound="false" adapter="salesforce" type="" sobject="hrmny__Financial_Account__c">
                <fields>
                    <field id="Id"/>
                </fields>
                <conditions>
                    <condition type="fieldvalue" value="" enclosevalueinquotes="true" field="Id" state="filterableoff" inactive="true" name="Id"/>
                </conditions>
                <actions/>
            </model>
        </models>
        <components/>
        <resources>
            <labels/>
            <javascript/>
            <css/>
        </resources>
        <styles>
            <styleitem type="background" bgtype="none"/>
        </styles>
        <pageregioncontents>
            <pageregioncontent uniqueid="__footer">
                <components>
                    <skuidfooter sticky="true">
                        <components>
                            <wrapper uniqueid="sk-tgS_B-363">
                                <components/>
                                <styles>
                                    <styleitem type="background" bgtype="color">
                                        <styles>
                                            <styleitem property="background-color" value="rgba(255,255,255,0.89)"/>
                                        </styles>
                                    </styleitem>
                                    <styleitem type="border" padding="none">
                                        <styles>
                                            <styleitem property="box-sizing" value="border-box"/>
                                        </styles>
                                    </styleitem>
                                    <styleitem type="size" height="custom" width="full">
                                        <styles>
                                            <styleitem property="min-height" value="50px"/>
                                        </styles>
                                    </styleitem>
                                </styles>
                                <renderconditions logictype="and"/>
                            </wrapper>
                        </components>
                        <styles>
                            <styleitem type="background" bgtype="color">
                                <styles>
                                    <styleitem property="background-color" value="transparent"/>
                                </styles>
                            </styleitem>
                            <styleitem type="border"/>
                        </styles>
                        <renderconditions logictype="and"/>
                    </skuidfooter>
                </components>
            </pageregioncontent>
            <pageregioncontent uniqueid="__header">
                <components>
                    <skuidheader sticky="true">
                        <components>
                            <wrapper uniqueid="sk-2jwp8q-2211">
                                <components>
                                    <grid uniqueid="sk-10FVPW-178" rowgutter="" columngutter="5px">
                                        <divisions>
                                            <division behavior="fit" verticalalign="center">
                                                <components>
                                                    <wrapper uniqueid="sk-tXrU9-293">
                                                        <components>
                                                            <image source="staticresource" uniqueid="sk-tXbFI-269" resource="StoneHouseLogoTransparent" datasource="salesforce" behavior="none">
                                                                <styles>
                                                                    <styleitem type="itemsize" width="custom">
                                                                        <styles>
                                                                            <styleitem property="width" value="170px"/>
                                                                        </styles>
                                                                    </styleitem>
                                                                    <styleitem type="border"/>
                                                                </styles>
                                                            </image>
                                                        </components>
                                                        <styles>
                                                            <styleitem type="background" bgtype="color">
                                                                <styles>
                                                                    <styleitem property="background-color" value="rgba(242,242,242,0.75)"/>
                                                                </styles>
                                                            </styleitem>
                                                            <styleitem type="border" padding="all">
                                                                <styles>
                                                                    <styleitem property="padding" value="2px"/>
                                                                    <styleitem property="box-sizing" value="border-box"/>
                                                                </styles>
                                                            </styleitem>
                                                            <styleitem type="size"/>
                                                        </styles>
                                                    </wrapper>
                                                </components>
                                            </division>
                                            <division behavior="flex" verticalalign="center" ratio=".5" minwidth="300px">
                                                <components>
                                                    <grid uniqueid="sk-2JD1FG-2148" columngutter="5px" rowgutter="2px">
                                                        <divisions>
                                                            <division behavior="flex" minwidth="200px" ratio="1" verticalalign="center">
                                                                <components>
                                                                    <grid uniqueid="sk-2i3qjC-2936">
                                                                        <divisions>
                                                                            <division behavior="flex" minwidth="150px" ratio="1" verticalalign="center">
                                                                                <components>
                                                                                    <search uniqueid="sk-2l5RXp-445" soslfields="All Fields" boxwidth="" limit="15" preventchange="true">
                                                                                        <objects>
                                                                                            <object id="hrmny__Financial_Account__c" icon="fa-money" displaytemplate="{{Name}}  {{hrmny__Household__r.Name}}  " datasource="salesforce" fields="hrmny__Registration__r.Name" headername="Accounts" orderby="">
                                                                                                <fields>
                                                                                                    <field id="hrmny__Household__r.Name"/>
                                                                                                    <field id="Name"/>
                                                                                                </fields>
                                                                                            </object>
                                                                                            <object id="Contact" icon="sk-icon-partners" displaytemplate="{{Name}} - {{type__c}} (Rep: {{LeadAdvisor__r.Name}})" orderby="" datasource="salesforce" headername="Contacts" fields="LeadAdvisor__r.Name">
                                                                                                <fields>
                                                                                                    <field id="Name"/>
                                                                                                    <field id="type__c"/>
                                                                                                    <field id="LeadAdvisor__c"/>
                                                                                                    <field id="LeadAdvisor__r.Name"/>
                                                                                                </fields>
                                                                                            </object>
                                                                                        </objects>
                                                                                        <selectactions>
                                                                                            <action type="setCondition" window="blank" url="/{{Id}}" model="LifeSensePopUp" condition="Id" value="{{Id}}">
                                                                                                <popup title="New Popup" width="90%">
                                                                                                    <components>
                                                                                                        <template multiple="false" uniqueid="sk-AA3he-1958" allowhtml="true">
                                                                                                            <contents>&lt;IFRAME SRC="https://skuid.na22.visual.force.com/{{Id}}"WIDTH=100% HEIGHT=800px&gt;</contents>
                                                                                                        </template>
                                                                                                    </components>
                                                                                                </popup>
                                                                                            </action>
                                                                                            <action type="setCondition" model="LifeSenseHousehold" condition="Id" value="{{Id}}"/>
                                                                                            <action type="setCondition" model="LifeSenseAcctId" condition="Id" value="{{Id}}"/>
                                                                                            <action type="requeryModels" model="LifeSensePopUp" behavior="standard">
                                                                                                <models>
                                                                                                    <model>LifeSensePopUp</model>
                                                                                                    <model>LifeSenseHousehold</model>
                                                                                                    <model>LifeSenseAcctId</model>
                                                                                                </models>
                                                                                            </action>
                                                                                            <action type="openSlidingPanel" window="blank" url="apex/skuid__ui?page=CardDeck&amp;id={{$Model.LifeSensePopUp.data.0.Id}}&amp;HID={{$Model.LifeSenseHousehold.data.0.Id}}&amp;AID={{$Model.LifeSenseAcctId.data.0.Id}}&amp;Popup=No">
                                                                                                <popup title="New Popup" width="100%">
                                                                                                    <components>
                                                                                                        <includepanel type="skuid" uniqueid="sk-2iAL2t-2234" pagename="CardDeck" module="" querystring="&amp;id={{$Model.LifeSensePopUp.data.0.Id}}&amp;HID={{$Model.
  • edited October 2019
    IN addition to the above, I did create a page from scratch and the slider does work as expected, so there must be an issue with my existing page...
  • edited May 2017
    Were you able to determine what the problem on the original page was?
Sign In or Register to comment.