Log in to AnswerLog in to Follow
Jeff Williams
1051Views
6Comments
Solved
Vertical Scrollbar on ListRecords
Question
Forge

Is it possible to add Vertical Scrollbar functionality to a ListRecords widget on a Web Application?
(Not a ListBox but ListRecords).

I know how to add the Page Navigation but a Vertical Scrollbar would look much better/simpler in this scenario.

For example, I have a query that will return, at most, 50 records. Just wanted to display 10-15 records (visible) in a fixed height container with a vertical scrollbar.


Thank you.
Jeff W.

1
0
on 2018-11-14

Hi Jeff

You can accomplish this with CSS.

Put a container around your ListRecords, set's a fixed height and add the scroll:

.ContainerVerticalScroll {
    overflow-y: auto;
    height: 200px;
}


Victor

5
0
on 2018-11-14

Goodness!

How easy was that.

Many thanks!!

0
0
on 2018-11-14

Hi ,

I tried with the same to set horizontal scroll for List Records widget on a Web Application  

.conH-Scroll{

width:100px;

overflow-x-auto;

}

but not working for me could you please help me to solve issue?

0
0
on 2020-02-12

Hinduswari Muralitharan wrote:

Hi ,

I tried with the same to set horizontal scroll for List Records widget on a Web Application  

.conH-Scroll{

width:100px;

overflow-x-auto;

}

but not working for me could you please help me to solve issue?


Hello,


On the parent you need to put "overflow:auto;" in the child put "width:100px;overflow-x:auto;" and it should work

0
0
on 2020-02-12

Hi ,

Thanks  for your response. Its working for me :)


Thank & Regards,

Hinduswari.M

0
0
on 2020-02-13

Hi There

My list items in listbox going hidden if the text is  big, can you please suggest how fix?

How it is appearing now:

I have to show on my web screen like this (text should break into lines, do not go behind or hidden at the right side).


0
0
on 2020-05-20
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.