order guides on the service portal - 'floating submit button'

garethprice · ‎09-12-2017

I have an order guide containing multiple request items on the service portal.

some customers have asked if the included items and submit button can follow the window as they scroll down the screen.

is this possible?

brianrichards · ‎09-13-2017

Ideally you would create a custom CSS class for the widget, but the quickest path to making this change using stock pages, widget, etc is as follows:

Modify the page on which the order guide appears, such as 'sc_cat_item_guide':

In the Service Portal Configuration > Design interface open the page 'sc_cat_item_guide'

Click on Edit Page Properties

Update the page specific CSS as follows:

.col-sm-3

{

position: fixed;

top: 200px;

right: 0px;

}

This is very specific to that page and the stock order guide widget. Customize as per your environment's needs.

larstange · ‎09-22-2017

Hi Gareth

This solution still not really working.

Depending on the screen resolution the items box will be placed on top of the other content.

This in on a regular 1920x1200 display:

When viewed on a screen with larger resolution it looks better. But there must be a way to do it which will work on any larger screen?

Goran WitchDoc · ‎09-22-2017

how about using em instead of px to get it a bit more dynamic?

larstange · ‎09-25-2017

Hi Goran

I've tried messing around with different em values, but the result is not convincing. I would love a working suggestion from you.....