Forums

I have many fields in my chronoconnectivity form and I would like a vertical scrollbar. What code do I need for this? I couldn't find a solution on this forum.

Hi pokemon ,

I'm not sure, perhaps you could put it in a div with a fixed height styled with autoscroll??

Bob

I tried "div" but this doesn't include my table in the right way. Maybe I have to make a new article in joomla and include the chronoconnectivity-page. So that I can put the 'div' arround it.

Can you explain how I have to put the chronoconnectivity -page in an article?

Hi pokemon,

I don't know if you can put a CC list inside an article.

Try putting a div like this in the Header box:

<div style='max-height:300px; overflow:scroll;'>

and the corresponding </div> in the Footer box.

That seems to work OK in a quick test.

Bob

Thanks for your help. I had to make a small change to make it fit:
<div style='max-height:300px;max-width:80%; overflow:scroll;'>

I have many fields in my chronoconnectivity form and I would like a vertical scrollbar. What code do I need for this? I couldn't find a solution on this forum.

What about a horizontal scrollbar? I have many columns to show. What code should I write?

Thank you.

Hi s_meliana,

The same CSS will add a horizontal scroll-bar if it is needed.

Bob

Unfortunately, it didn't show up😟

Hi s_meliana,

Please post a link to the form so I can take a quick look.

Bob

Hi s_meliana,

Please post a link to the form so I can take a quick look.

Bob

Here is the link: http://rumahfahima.org/en/?option=com_chronoconnectivity&chronoconnection=ShowAllData

Thanks Bob,
Selly

Hi,

Try to use "max-width:500px" instead of "80%".

Regards,
Max

Hi,

Try to use "max-width:500px" instead of "80%".

Regards,
Max

Dear Max,
It's been a while, but still I can not make it work😟
I wonder what did I miss?

Thank you.

Hi,

Best solution is to set the overflow style for the table container to "auto", I didn't try this but it should work.

You may also use a flexible width template.

Or reduce the number of fields displayed, the users can see more details inside the record view screen.

Regards,
Max

Hello Max i have the same problem [attachment=0]nocabe2.jpg[/attachment] , can you explain me how to "set the overflow style for the table container to "auto" "

I share you some images of my problem and the configuration that i have [attachment=1]auto listing.jpg[/attachment] [attachment=2]footerheader.jpg[/attachment], i will post an image that shows how the table shows up when i change in the header for :
<div style='max-height:300px;max-width:500px; overflow:scroll;'>

and in the footer I put :
</div>

When I refresh the page a scroll bar apears but nothing else, what i am doing wrong, hope you can help me , thanks!!

The last image of my case, thanks!!

I tried with:

<div style='max-height:300px;max-width:500px; overflow:scroll;'>

But nothing happens 😟 , thanks

Hi angelmorales,

Please post a link to the listing so I can take a quick look.

Bob

here is the link:
http://prueba.mktdigitalmasters.com/index.php/component/chronoconnectivity/Conexion
If you press the TAB key you would see all the information that its hide.
Note that are still a lot of data to see,but its not possible because i dont have horizontal scroll bar, thanks!

Hi angelamorales,

Please try adding this CSS to the template for the page:

#adminForm {
overflow: scroll;
}

Usually with this much data I would keep the minimum in the main table and have a View link to see the detail of each row.

Bob