CSS to make 'up' and 'down' arrows for choice questions

CSS to make 'up' and 'down' arrows for choice questions :

We are currently supporting the right-hand horizontal scroll for the matrix-type question choices; using the below CSS will add up and down arrows so that the respondents will know that there are more choices for the question, which can be scrolled to the bottom.

.ss_matrix_desk::after {
content: " ";
position: absolute;
right: -100px;
bottom: 100px;
width: 24px;
height: 24px;
background-size: contain;
background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgYXJpYS1oaWRkZW49InRydWUiIGhlaWdodD0iMWVtIiB3aWR0aD0iMWVtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTMgNy41TDcuNSAzbTAgMEwxMiA3LjVNNy41IDN2MTMuNW0xMy41IDBMMTYuNSAyMW0wIDBMMTIgMTYuNW00LjUgNC41VjcuNSI+PC9wYXRoPjwvc3ZnPg==);
}

Screenshot 2023-04-18 at 11.54.04 AM

Screenshot 2023-04-18 at 11.54.26 AM

1 Like