Hi Qubies,I am trying to write custom CSS on a side by side question such that both my first column and first row can be frozen panes. For example, I have 25 rows and 10 columns, with the first row containing answers and first column containing options. The high number of options necessitates scrolling both horizontally and vertically, especially while on mobile. In order to freeze panes I tried using the "position: webkit-sticky" functionality. It works successfully on the first column. However, it does not work well on the top row. Here is the code I am using: .QuestionBody { position: relative; } .Headings th { position: -webkit-sticky; position: sticky; background-color: grey; top: 0px; } .Answers th { position: -webkit-sticky; position: sticky; background-color: blue; top: 0px; } .Choice th { position: -webkit-sticky; position: sticky; background-color: whitesmoke; left: 0px; }The only one that works is the .Choice line.I appreciate your help!Thanks.

@tanya1802You can try the below to get the first Row and first Column to be sticky for a Side by Side question. Update for your question’s QID. Adapted from here.#QID1 > div.Inner.BorderColor.SBSMatrix > div > fieldset > fieldset > div > table {display: block !important;position: relative;overflow-y: scroll !important;height: 500px !important;overflow-x: scroll !important;width: 900px !important;}#QID1 > div.Inner.BorderColor.SBSMatrix > div > fieldset > fieldset > div > table > thead {top: 0;z-index: 3;position: sticky;background-color: white;}#QID1 .c1 {left: 0;z-index: 2;position: sticky;background-color: white;}

Freeze first column and first row for side by side questions for better scrolling

Freeze first column and first row for side by side questions for better scrolling | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded