Queue Bottom Scroll Arrow Missing

  • 1
  • Question
  • Updated 1 year ago
  • Answered
We have a queue within a panel set.  The bottom scroll bar arrow is now showing up (see picture).  I was wondering what could be causing this to occur?
Photo of David Garrity

David Garrity

  • 856 Points 500 badge 2x thumb

Posted 1 year ago

  • 1
Photo of Bill McCullough

Bill McCullough, Champion

  • 12,436 Points 10k badge 2x thumb
David,

What zoom level are you using in your browser?  I have seen some elements go off screen when I am using >100%.  Also, are you using an out of the box theme (i.e. no custom CSS)?

Thanks,

Bill
Photo of David Garrity

David Garrity

  • 856 Points 500 badge 2x thumb
Bill-

I completely agree- there is a use case for our company as well with a scroll bar on the queue that does not require the entire page to be scrolled.
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
You can see our deprecated elements here: 
https://docs.skuid.com/latest/en/skuid/deprecated-features-api.html

Panel Sets have been replaced by Responsive Grids. We no longer upgrade the Panel Sets. They are grandfathered in but they are not formally supported by Skuid anymore. 
Photo of David Garrity

David Garrity

  • 856 Points 500 badge 2x thumb
Bill- Stephen was able to provide and awesome work around for our org.  Using a responsive grid, add the queue into a wrapper and on the wrapper limit the hieght and it will add the scroll bar.  
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
To see the XML: 

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" useviewportmeta="true" showsidebar="false" showheader="false" tabtooverride="Task" theme="Classic">
    <models>
        <model id="Task" limit="100" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Task" type="" orderby="CreatedDate DESC">
            <fields>
                <field id="Subject"/>
                <field id="CreatedDate"/>
                <field id="ActivityDate"/>
                <field id="ReminderDateTime"/>
            </fields>
            <conditions/>
            <actions/>
        </model>
    </models>
    <components>
        <pagetitle model="Task" uniqueid="sk-2gBr9v-93">
            <maintitle>
                <template>{{Model.labelPlural}}</template>
            </maintitle>
            <subtitle>
                <template>Home</template>
            </subtitle>
            <actions>
                <action type="savecancel" uniqueid="sk-28uGJE-84">
                    <savehotkeys>
                        <hotkey modifiers="ctrl" key="s"/>
                    </savehotkeys>
                </action>
                <action type="popup" label="PopUP" uniqueid="sk-1oSkjT-155">
                    <popup title="New Popup" width="90%">
                        <components>
                            <panelset type="standard" uniqueid="sk-1oU9ma-151" scroll="">
                                <panels>
                                    <panel type="left" width="225px">
                                        <components>
                                            <queue tagrendertype="template" searchbox="true" tokenizesearch="true" showsearchbydefault="false" uniqueid="sk-33atS--158" model="Task" title="Tasks" searchmethod="server" emptysearchbehavior="query">
                                                <rendertemplate>{{Subject}}</rendertemplate>
                                                <interactions/>
                                                <filters/>
                                                <searchfields/>
                                                <renderconditions logictype="and"/>
                                            </queue>
                                        </components>
                                    </panel>
                                    <panel>
                                        <components/>
                                    </panel>
                                </panels>
                            </panelset>
                        </components>
                    </popup>
                </action>
            </actions>
        </pagetitle>
        <grid uniqueid="sk-1xV_ei-109">
            <divisions>
                <division behavior="flex" minwidth="100px" ratio="1" verticalalign="top">
                    <components>
                        <wrapper uniqueid="sk-1xWAuM-131">
                            <components>
                                <queue tagrendertype="template" searchbox="true" tokenizesearch="true" showsearchbydefault="false" uniqueid="sk-33atS--158" model="Task" title="Tasks" searchmethod="server" emptysearchbehavior="query">
                                    <rendertemplate>{{Subject}}</rendertemplate>
                                    <interactions/>
                                    <filters/>
                                    <searchfields/>
                                    <renderconditions logictype="and"/>
                                </queue>
                            </components>
                            <styles>
                                <styleitem type="background"/>
                                <styleitem type="border"/>
                                <styleitem type="size" height="custom">
                                    <styles>
                                        <styleitem property="max-height" value="500px"/>
                                        <styleitem property="overflow-y" value="auto"/>
                                    </styles>
                                </styleitem>
                            </styles>
                        </wrapper>
                    </components>
                </division>
                <division behavior="flex" verticalalign="top" minwidth="100px" ratio="6">
                    <components>
                        <skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" alwaysresetpagination="false" createrecords="true" model="Task" buttonposition="" mode="read" allowcolumnreordering="true" responsive="true" uniqueid="sk-1oRqU5-90">
                            <fields>
                                <field id="Subject" hideable="true" uniqueid="fi-1oRtDj-107"/>
                                <field id="ReminderDateTime" hideable="true" uniqueid="fi-1oRtDj-108"/>
                            </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>
                </division>
            </divisions>
            <styles>
                <styleitem type="background" bgtype="none"/>
            </styles>
        </grid>
    </components>
    <resources>
        <labels/>
        <css/>
        <javascript/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>
Photo of Bill McCullough

Bill McCullough, Champion

  • 12,436 Points 10k badge 2x thumb
David,

Thanks for letting me know.

Stephen,

Thanks for working up a solution.

Best!

Bill