styling quiz elements?

Sep 29, 2014

Is there a way to style the check boxes, radio buttons, etc in Storyline?

8 Replies
Lisa Heyden

One more question.... I see how I can change individual buttons, now, but I'm not sure how I can apply that change to all similar buttons. For example, if I adjust the way a radio button looks, how can I make that the default radio button for all of my quiz questions?

Can I set up a template specifically for different quiz questions?

Ashley Terwilliger-Pollard

Hi Lisa,

So setting the default button style - well there are a few ways you could do that.

1. Create a set of slide masters that you'll use for questions. They won't be automatically applied when adding a new question as Storyline won't know which one you want to use - but once you've added the content you could apply that particular slide layout.

2. Once you've added a button, you could right click and choose "set as default" which would allow you to quickly and easily insert that button over and over

3. You could use the format painter once you've set up a button as you'd like to quickly copy that formatting onto other buttons.

Hope that helps, and if there are other suggestions from the community I'm sure they'll share them here.

Lisa Heyden

It seems to me that Storyline doesn't really allow much control over the design of elements. For example, there is no universal way to change the hover color in quizzes. Yes, I know you can change the order of the template colors, but this is not very satisfying, as that color may be used elsewhere. I'm unable to create my own checkbox, or radio buttons styles that can be applied globally. I also wanted to change the hover color of the selected answer AND change the color of the text. Yes, I know you can do this individually, but that is rather useless if you are creating dozens of questions.

Why not create template pages for each question type - including the button and checkbox styles? Or have some sort of CSS type rules that can be changed for ALL elements of a certain type?

I'm disappointed that it seems I cannot reproduce my design with Storyline.

Ashley Terwilliger-Pollard

Hi Lisa,

The different color options are controlled by your theme colors as detailed here:

  • TheText/Backgrounditems make text easily readable when applied to shapes. For example, dark text is designed to be readable when placed in lighter-colored shapes.
  • TheAccentcolors are the default color choices forfills and outlines.
  • Accent 1is the default fill color for shapes, captions, check marks in check box styles 1 and 2, and dots in radio button styles 1 and 2.
  • Hyperlinkis the color used for text hyperlinks.
  • Control 1is the hover color for buttons and answer choices.
  • Custom 1is the default fill color for buttons.
  • Custom 2is the default color for check marks in check box styles 3 and 4, and dots in radio button styles 3 and 4.

You could look at creating slide masters that you'd apply to your question slide after inserting the quiz question and answers.

Tim Nixon

Hi,

WRT No.1 - can you elaborate on how this is done? I was expecting to modify the quiz templates at a master level (http://www.screencast.com/t/jBIbjeJBFxO), but don't see any of those templates in the master view. You say you can create a template and then apply it to a quiz slide once the content is in--this would be an acceptable way to do it but I have no idea how to go about this. As an example how would I go about creating a multiple choice quiz template that I can apply to a default quiz slide to get the formatting and styling I want?

  1. radio/check buttons (all options, not just button select colour - radio fill, radio border, radio colour). I know some colours can be set via theme colours, but as far as I can see this doesn't allow setting of all variables.
  2. quiz line item text box properties (spacing left, right, top, bottom, etc)
  3. quiz line item state properties (all the multiple states for each item, hover, etc)

Thanks,

Tim

Ashley Terwilliger-Pollard

Hi Tim,

Thanks for reaching out here. The link you shared to the screencast gave me an error as there was nothing there. Perhaps could you try sharing it again?

As far as creating a template, you could set up question templates as master slides (you'll see there is a general one already set up for questions in general) but you'll need to apply it to the question after you've put in the content as Storyline wont' automatically assign the custom question slide master layout when you go to add a new question. 

As far as setting the radio button colors, all those are controlled by the theme colors as mentioned above, and depending on the question type some are drawn from the same color. For example, when you hover over a question it's a lighter color then the "selected" color. 

Spacing within the text box is not something that can currently be controlled by the slide master. This is something we've shared with our team, but I don't have any additional information to share in regards to if it'll be included in a future release/update. 

As far as state, all the question answers should behave the same if using the built in question format and the built in state. If you're setting up you're own questions and states, you may want to look at using the format painter (this could help with the other things above as well). 

This discussion is closed. You can start a new discussion or contact Articulate Support.