I have a matching drop down interaction in my course, but i want to change the default blue using to highlight the learner choice. Can I change this color ?
Thanks for sharing your screenshots. By the looks of your theme, the choice highlight should be gray. Would you mind sharing your .story file with us so we can take a closer look? If you'd rather share it privately, you can certainly send over it using this form. If you do decide to open a case, please be sure to share your case number with me so I can follow along, as well. :)
Noticed this in the description of theme colours SL2 vs SL360.
Storyline 2:
Custom 2 is the default color for check marks in check box styles 3 and 4, and dots in radio button styles 3 and 4.
Storyline 360:
Custom 2 is the default color for check marks in check box styles 3 and 4, and dots in radio button styles 3 and 4. It’s also the hover color for drag items, drop-down questions, and Likert scale questions
So in Lucie's case it should be green not grey as per her screenshot above.
I tested changing the theme to a number of other ones and the highlight colour remains the bright blue. I also tried creating a new theme with a different colour highlight and it doesn't change like it does in SL2.
Also, 360 shows the theme in the dropdown in it's own category 'This Project' and when you right click you cannot edit the theme
Thanks for clarifying that you're working with Storyline 360 and not Storyline 2. Wendy mentioned, "Also, 360 shows the theme in the dropdown in it's own category 'This Project' and when you right click you cannot edit the theme." The only Theme Colors that can be edited are Custom Theme Colors. If you right-click on the colors under the Built-In category, you'll notice you do not have the option to edit. This was also the case in Storyline 2.
Lucie, it looks like you used the Diversity template from the Content Library. Using a template will add the color under the This Project heading, and it will not be editable. If you want to make edits to the Diversity Template color theme, you'll have to create a new Custom theme.
Now, on to the issue you're seeing with the incorrect hover color. We are aware of an issue with Storyline 360 where a customized hover color for drag items and drop-down questions does not display correctly on published HTML5 output. For example, I created a test project and published to Flash only and HTML5 only. The dropdown color should be green (Custom 2). As you can see in those links, the hover color is correct in Flash, but not in HTML5. You'll also notice it's not correct in Preview since Preview in SL360 shows HTML5 content.
Hopefully this helps explain the behavior you're seeing. I'm going to add your experience to the issue report, and I'll come back and update this thread as soon as we receive more information from Quality Assurance. In the mean time, you'll want to use the Flash output, since it displays the correct hover color.
Actually I work with SL360. Thank you for the additional explanations regarding the use of color themes. I note it for the continuation ;-)
Unfortunately I can not publish in flash, so I hope that an update will fix this problem quickly (my final delivery should not take place before the end of March), otherwise I will try to use another type of question.
Absolutely, Lucie. And I understand about not being able to publish with Flash; I know this is an important fix for you, so we'll be sure to notify you as soon as we get more information!
used the Diversity template from the Content Library. Using a template will add the color under the This Project heading, and it will not be editable. If you want to make edits to the Diversity Template color theme, you'll have to create a new Custom theme.
Sorry Alyssa - didn't pick up it was CL template - doh! I thought that was the name Lucie had given it when she created it.
No worries, Wendy! This one was new for me too - I had to do a little investigation to put all the pieces together. Glad we could collaborate to get it figured out!
I think I might have the same problem so wondering if this was determined to be a "bug" and is being addressed? My hover on a drop down question is aqua, although I deleted this color the theme colors for my course. Please see attached PDF. What am I doing wrong or how can I get rid of this pesky aqua? Thanks!
Hi there Lisa! You're right, this is a bug in Storyline 3 and Storyline 360. A customized hover color for drag items and drop-down questions does not display correctly on published HTML5 output.
Try testing the Flash output to see if it looks correct there, and then we'll know that you're seeing the same bug. I'll be standing by!
Yes, the color is correct in the Flash version. Thanks very much!
Lisa Ferris, EdS, MS
Assistant Professor - Instructional Design
Division of Academic Affairs
Office of Educational Development
Shorey 8th floor 22/E
University of Arkansas for Medical Sciences
4301 W. Markham #595
Little Rock AR 72205
----------------------------------------------------------------------
Confidentiality Notice: This e-mail message, including any attachments, is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender by reply e-mail and destroy all copies of the original message.
Happy to hear that Lisa! Also, looks like your email signature came through when you replied via email! No worries, this Peek video will show you how to remove it if you'd like.
I have some great news!We just released another update for Storyline 360, and included a few important fixes and new features that you'll see in the release notes here.
This update fixes the issue where the hover color for drag items and drop-down questions was always blue in HTML5 output, even if you customized it in your theme colors.
Just launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
19 Replies
Yes Lucie, that colour is drawn from the theme you are using. See this tutorial
https://community.articulate.com/series/articulate-storyline-2/articles/working-with-theme-colors-in-articulate-storyline-2
I'm sorry, but it doesn't seem to work... you can see in attachement my screen and my color theme...
if you have any other idea...
Hi Lucie,
Thanks for sharing your screenshots. By the looks of your theme, the choice highlight should be gray. Would you mind sharing your .story file with us so we can take a closer look? If you'd rather share it privately, you can certainly send over it using this form. If you do decide to open a case, please be sure to share your case number with me so I can follow along, as well. :)
Hi Lucie
if you can't share the file can you take a screenshot of View > SlideMaster > Themes dropdown
No problem, it's a file that I use to make tests.
Here is the .story file:
Hi Alyssa
Noticed this in the description of theme colours SL2 vs SL360.
Storyline 2:
Custom 2 is the default color for check marks in check box styles 3 and 4, and dots in radio button styles 3 and 4.
Storyline 360:
Custom 2 is the default color for check marks in check box styles 3 and 4, and dots in radio button styles 3 and 4. It’s also the hover color for drag items, drop-down questions, and Likert scale questions
So in Lucie's case it should be green not grey as per her screenshot above.
I tested changing the theme to a number of other ones and the highlight colour remains the bright blue. I also tried creating a new theme with a different colour highlight and it doesn't change like it does in SL2.
Also, 360 shows the theme in the dropdown in it's own category 'This Project' and when you right click you cannot edit the theme
Hi Lucie
I think it's a bug but let's see if Alyssa can shed some light on what is happening in your file.
Ok, thanks for this information !
I hope you or the Articulate team can give me a trick or a patch quickly so that i can customize the colors accroding to my needs...
Hi Wendy and Lucie,
Thanks for clarifying that you're working with Storyline 360 and not Storyline 2. Wendy mentioned, "Also, 360 shows the theme in the dropdown in it's own category 'This Project' and when you right click you cannot edit the theme." The only Theme Colors that can be edited are Custom Theme Colors. If you right-click on the colors under the Built-In category, you'll notice you do not have the option to edit. This was also the case in Storyline 2.
Lucie, it looks like you used the Diversity template from the Content Library. Using a template will add the color under the This Project heading, and it will not be editable. If you want to make edits to the Diversity Template color theme, you'll have to create a new Custom theme.
Now, on to the issue you're seeing with the incorrect hover color. We are aware of an issue with Storyline 360 where a customized hover color for drag items and drop-down questions does not display correctly on published HTML5 output. For example, I created a test project and published to Flash only and HTML5 only. The dropdown color should be green (Custom 2). As you can see in those links, the hover color is correct in Flash, but not in HTML5. You'll also notice it's not correct in Preview since Preview in SL360 shows HTML5 content.
Hopefully this helps explain the behavior you're seeing. I'm going to add your experience to the issue report, and I'll come back and update this thread as soon as we receive more information from Quality Assurance. In the mean time, you'll want to use the Flash output, since it displays the correct hover color.
Hi Alyssa, thank you for this return.
Actually I work with SL360. Thank you for the additional explanations regarding the use of color themes. I note it for the continuation ;-)
Unfortunately I can not publish in flash, so I hope that an update will fix this problem quickly (my final delivery should not take place before the end of March), otherwise I will try to use another type of question.
Thanks to all and see you soon !
Absolutely, Lucie. And I understand about not being able to publish with Flash; I know this is an important fix for you, so we'll be sure to notify you as soon as we get more information!
used the Diversity template from the Content Library. Using a template will add the color under the This Project heading, and it will not be editable. If you want to make edits to the Diversity Template color theme, you'll have to create a new Custom theme.
Sorry Alyssa - didn't pick up it was CL template - doh! I thought that was the name Lucie had given it when she created it.
Thanks for the explanation.
No worries, Wendy! This one was new for me too - I had to do a little investigation to put all the pieces together. Glad we could collaborate to get it figured out!
I think I might have the same problem so wondering if this was determined to be a "bug" and is being addressed? My hover on a drop down question is aqua, although I deleted this color the theme colors for my course. Please see attached PDF. What am I doing wrong or how can I get rid of this pesky aqua? Thanks!
Hi there Lisa! You're right, this is a bug in Storyline 3 and Storyline 360. A customized hover color for drag items and drop-down questions does not display correctly on published HTML5 output.
Try testing the Flash output to see if it looks correct there, and then we'll know that you're seeing the same bug. I'll be standing by!
Yes, the color is correct in the Flash version. Thanks very much!
Lisa Ferris, EdS, MS
Assistant Professor - Instructional Design
Division of Academic Affairs
Office of Educational Development
Shorey 8th floor 22/E
University of Arkansas for Medical Sciences
4301 W. Markham #595
Little Rock AR 72205
Phone: 501-296-1087
Fax: 501-686-7053
Email: lgferris@uams.edu
----------------------------------------------------------------------
Confidentiality Notice: This e-mail message, including any attachments, is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender by reply e-mail and destroy all copies of the original message.
Happy to hear that Lisa! Also, looks like your email signature came through when you replied via email! No worries, this Peek video will show you how to remove it if you'd like.
Hey everyone,
I have some great news! We just released another update for Storyline 360, and included a few important fixes and new features that you'll see in the release notes here.
This update fixes the issue where the hover color for drag items and drop-down questions was always blue in HTML5 output, even if you customized it in your theme colors.
Just launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly!
Great news! I'll try it as soon as possible.
Thanks !
This discussion is closed. You can start a new discussion or contact Articulate Support.