JSON to customize a ranking question in a survey

Frequent Contributor

Hi all,


I have a survey with a ranking question.  It actually has quite a few rankings in it.  I need to add space between every ranking.  I am using SharePoint online so adding the css must be done via json.  See attachment.  I cannot figure out the json style format to do this.  Here is what I have.  What am I doing wrong?


"$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"style": {

}"padding-bottom": "30px"


4 Replies

Hi @shawn_fielding ,


Try the "padding" inside of "style":


"style": {

"padding-bottom": "30px"



See a lot of examples in:



See the also:



I hope this helps you :)




@Paulo Junior Unfortunately that does not seem to be the problem.  For some reason, the css changes are just not taking in the survey.  It looks just gawd-awful.  I am sure I can't be the first person to need customize it.  Perhaps it is the schema I am pointing to?

@shawn_fielding have you considered using Microsoft Forms for this rather than the older survey app?




Los Gallardos
Microsoft Power Automate Community Super User

@RobElliott   oh how I would love to.  My organization has not released it to us yet.