service studio horizontal scrollbar

Pedro Ribeiro

Discussion

Hello

I am using service studio 9.0.1.9 and when I am creating a table record with more then 10 columns, it's become impossible to edit the content of it, because it doesn't appear the horizontal scrollbar.
I have tried with other application and the scrollbar appears so maybe the problem is on the template, which is the Dublin template.
Does anyone know how to fixe this?

servicestudio.png

09 Jun 2015

Joshua Austin

Try getting rid of some columns that your end users don't really need. If that's not possible, here is a little CSS I did to make the table records use the phone form factor on desktop and tablet: https://github.com/josh-austin/responsive-tables-ext

09 Jun 2015

Pedro Ribeiro

Thanks Joshua for the replay.
But my problem isn't the how the table is present but how I manage to edit it in the service studio. When I add more columns and increase the table width in the service studio there's no horizontal scrollbar to access the last columns added.
So maybe this is a problem with service studio, caused by the Dublin template. I have tested with others templates and when the content increase the horizontal scrollbar appears as usually....

09 Jun 2015

Tiago Neves

Hi Pedro,

I've seen your print screen and that looks like unexpected behavior. It shouldn't happen. Web screen content is supposed to be reachable no matter what.
Have you changed something in the template/theme or just using the standard version?

10 Jun 2015

Pedro Ribeiro

Hi Tiago

You are right, normaly the web sreen content is always reachable no matter what but if you open a new app with the standard version of the Dublin template and increase the web screen content, you will have that behavior...

Sem Título.png

11 Jun 2015

Tiago Neves

This is probably related with how Service Studio renders some css elements on the Content canvas.

Just yesterday I was editing a table and used a "table-layout: fixed;" and immediately the table went off the screen without any scrollbar appearing...

01 Jul 2015

MVP

well, they use chromium, so if you "screw" up, blame the render-engine :)

01 Jul 2015

Erik Bleifield

I am seeing this same issue on a 1600X799. But it works fine on a larger monitor. Anyone know how to fix this?

06 Aug 2015

Stefan Dirkx

Hi guys,

Did anybody find a solution for this problem yet? It's happening to me now also with a table records with a lot of columns.

In the application I solved it with some css but in service studio I dont know how to fix it. As a work around I use the structure pane on the right but that's not very convenient.

Thank you in advance!

31 May 2017

Aditya Chopra

Did anyone get a solution to this one yet?

20 Jul 2018

Tiago Bernardo

Champion

Hi all!

For a possible workaround for this problem, see this video that I have created.

Workaround:

1) On the style sheet of the theme of the espace, create a CSS class like the following, and adjusting the specified value to your needs.

.ServiceStudioBigWidth {
    -servicestudio-width: 6000px;
}

2) In the web screen, enclose the web block "DublinBase\Layout_Dublin" in a container and for the container set the value of the property "Style Classes" to the name of CSS class previously create.
An horizontal scroll bar should appear immediately in Service Studio allowing you to scroll to the right to view the most right end columns of the table records.

Since it is used the prefix "-servicestudio-", this will get stripped by Service Studio from the CSS class and so it will have no effect on the web page.

Hope this workaround can be of help.

--Tiago Bernardo

15 Aug 2018

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines