Can't open sliding panel from Search Component Select Actions

  • 1
  • Problem
  • Updated 1 year ago
  • Solved
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!
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb

Posted 2 years ago

  • 1
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
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>
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
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.LifeSenseHousehold.data.0.Id}}&amp;AID={{$Model.LifeSenseAcctId.data.0.Id}}&amp;Popup=Yes"/>
                                                                                                </components>
                                                                                            </popup>
                                                                                            <panel title="Sliding Panel Contents" uniqueid="sk-3pe3tu-2225" size="270px" origin="left" closeonpageclick="true" behavior="overlay">
                                                                                                <components>
                                                                                                    <includepanel type="skuid" uniqueid="sk-3pe5yO-2232" pagename="CardDeck" module="WealthSense" querystring="&amp;id={{$Model.LifeSensePopUp.data.0.Id}}&amp;HID={{$Model.LifeSenseHousehold.data.0.Id}}&amp;AID={{$Model.LifeSenseAcctId.data.0.Id}}&amp;Popup=Yes"/>
                                                                                                </components>
                                                                                            </panel>
                                                                                        </action>
                                                                                        <action type="updateRow" fieldmodel="PageSettings" field="ShowSearchBar" enclosevalueinquotes="true" value="Hide"/>
                                                                                        <action type="updateRow" fieldmodel="PageSettings" field="ShowSearchBar" enclosevalueinquotes="true" value="Show"/>
                                                                                    </selectactions>
                                                                                    <resultactions>
                                                                                        <action label="View/Edit" icon="sk-icon-arrow-left">
                                                                                            <actions>
                                                                                                <action type="openSlidingPanel">
                                                                                                    <panel title="Sliding Panel Contents" uniqueid="sk-3pgI7o-2415" size="95%" origin="left" closeonpageclick="true" behavior="overlay">
                                                                                                        <components>
                                                                                                            <includepanel type="skuid" uniqueid="sk-3pgJ6b-2422" querystring="&amp;id={{$Model.LifeSensePopUp.data.0.Id}}&amp;HID={{$Model.LifeSenseHousehold.data.0.Id}}&amp;AID={{$Model.LifeSenseAcctId.data.0.Id}}&amp;Popup=Yes" pagename="CardDeck" module="WealthSense"/>
                                                                                                        </components>
                                                                                                    </panel>
                                                                                                </action>
                                                                                            </actions>
                                                                                        </action>
                                                                                    </resultactions>
                                                                                    <focushotkeys/>
                                                                                </search>
                                                                            </components>
                                                                        </division>
                                                                    </divisions>
                                                                    <styles>
                                                                        <styleitem type="background" bgtype="none"/>
                                                                    </styles>
                                                                </grid>
                                                            </components>
                                                        </division>
                                                    </divisions>
                                                    <styles>
                                                        <styleitem type="background" bgtype="none"/>
                                                    </styles>
                                                </grid>
                                            </components>
                                        </division>
                                        <division behavior="specified" verticalalign="top" width="10px">
                                            <components/>
                                        </division>
                                        <division behavior="flex" verticalalign="center" ratio="1" minwidth="300px">
                                            <components/>
                                        </division>
                                    </divisions>
                                    <styles>
                                        <styleitem type="background" bgtype="none"/>
                                    </styles>
                                </grid>
                            </components>
                            <styles>
                                <styleitem type="background" bgtype="none"/>
                                <styleitem type="border" borders="bottom," padding="right,left,">
                                    <styles>
                                        <styleitem property="border-bottom" value="5px solid #a5a5a5"/>
                                        <styleitem property="padding-left" value="10px"/>
                                        <styleitem property="padding-right" value="10px"/>
                                        <styleitem property="box-sizing" value="border-box"/>
                                    </styles>
                                </styleitem>
                                <styleitem type="size" height="custom">
                                    <styles>
                                        <styleitem property="min-height" value="40px"/>
                                    </styles>
                                </styleitem>
                            </styles>
                            <renderconditions logictype="and"/>
                        </wrapper>
                    </components>
                    <styles>
                        <styleitem type="background" bgtype="color">
                            <styles>
                                <styleitem property="background-color" value="rgba(0%,0%,0%,0.5)"/>
                            </styles>
                        </styleitem>
                        <styleitem type="border"/>
                    </styles>
                    <renderconditions logictype="and"/>
                </skuidheader>
            </components>
        </pageregioncontent>
    </pageregioncontents>
</skuidpage>
*/
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
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...
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Were you able to determine what the problem on the original page was?