Skip to main content

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?

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


The zoom level is 100% on the browser.  The theme is the modern theme.  There is CSS on the Queue to highlight items in the queue based off of certain attributes.


David,

Make a ‘saved’ version of your page and remove the highlighting on the queue item just to eliminate that as an issue.  What version of Skuid are you running?

Thanks,

Bill


I removed the java/css from the queue, and the issue still persists.  We are using 10.0.3.


David,


Thanks for checking this. I have 10.0.3 installed in my developer org and I am seeing the same issue. My Queue component doesn’t show any arrows or even the scroll bar. This seems like a Skuid problem.


Skuid,


Would you take a look. Here is the XML for a queue component showing Tasks.


<skuidpage unsavedchangeswarning="yes" personalizationmode="server" useviewportmeta="true" showsidebar="true" showheader="true" tabtooverride="Task" theme="MaterialBlue">
<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&#46;labelPlural}}</template>
</maintitle>
<subtitle>
<template>Home</template>
</subtitle>
<actions>
<action type="savecancel" uniqueid="sk-28uGJE-84">
<savehotkeys>
<hotkey modifiers="ctrl" key="s"/>
</savehotkeys>
</action>
</actions>
</pagetitle>
<queue tagrendertype="template" searchbox="true" tokenizesearch="true" showsearchbydefault="false" uniqueid="sk-33atS--158" model="Task" title="Tasks" searchmethod="server">
<rendertemplate>{{Subject}}</rendertemplate>
<interactions/>
<filters/>
<searchfields/>
<renderconditions logictype="and"/>
</queue>
</components>
<resources>
<labels/>
<css/>
<javascript/>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</skuidpage>

Thanks,


Bill


Bill-

Did you ever hear back from Skuid with a solution on this issue?


David,

I have not heard from Skuid on this.  I just check and 10.0.6 has the issue.

Thanks,

Bill


I’m unable to see a scrolling problem with what you’ve made. I’ve made the following page to try and see the problem. I don’t see a struggle being able to scroll down or things being hidden. What do you see when you see this page: sI just added from your XML above]


















{{Model.labelPlural}}



Home












{{Subject}}












{{Subject}}
































Stephen,


Thanks for checking on this. I had the same impression as David…that the Queue component includes the scroll bars. Your page made me realize that it was a setting on the Panel Set that shows the scroll bars.


Is the Panel Set really going away? This is one use case where it is still useful and that the Responsive Grid does not handle.


Here is what we were expecting:


!(https://us.v-cdn.net/6032350/uploads/attachments/RackMultipart20170911-30426-149usfv-2017-09-11_16_34_56-https _wam1-dev-ed–skuid.na46.visual.force.com_apex_skuid ui_page_QueueCompon_inline.png “Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1648687/RackMultipart20170911-30426-149usfv-2017-09-11_16_34_56-https___wam1-dev-ed–skuidna46visualforcecom_apex_skuid__ui_page_QueueCompon_inlinepng1505162424”)


David,


Here is the XML for this page. You just add a panel set and then set the panel set the Scrolling Mode to ‘Variable Height Scrolling’.



















{{Model.labelPlural}}


Home














{{Subject}}




























Thanks,


Bill


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.


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. 


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.  


To see the XML:


















{{Model.labelPlural}}


Home















{{Subject}}
























{{Subject}}

David,

Thanks for letting me know.

Stephen,

Thanks for working up a solution.

Best!

Bill