Display choice options in columns

, ,
5

With the new global_css option in v1.7, you should be able to add this pretty easily. The options container doesn’t have a human-readable class name at the moment, but you can find the current compiled one by opening your browser’s developer tools:

54
Screenshot 2019-02-23 at 13.16.54.png1460×434 20.6 KB

If you’re using a modern browser, the following CSS should be all you need:

.c01132 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

This will display the contents of that container (i.e. the options) using CSS grid with two equal columns and a gap of 20px in between. You can add the override in your prodigy.json or you recipe config like this:

"global_css": ".c01132 {...}"  # or via variable or from file
2 Likes