Skip to main content
Inspiring
October 20, 2020
Question

Use a button to emulate the old Glossary widget

  • October 20, 2020
  • 2 replies
  • 362 views

Ever since Microsoft pushed Edge out as a primary browser, I need to figure out a workaround for the Glossary widget for an acronym screen .  Scenario:

A number of buttons is on the screen. Each button consists of 2 states:

An acronym (default) state.

Clicking the acronym will reveal the meaning of the acronym.  This state of the button will need to persist if the user leaves the screen and then returns.

(I don't need any help counting how many acronyms have been clicked to enable a "Next Screen" button)

 

I'm getting hung  up on what type of buttons, what actions (if any) to use, etc.  I could have 30 or 40 of these on a screen.  I figured using one button and different states would be easier than click boxes, etc.

Many thanks in advance!

    This topic has been closed for replies.

    2 replies

    Lilybiri
    Legend
    October 20, 2020

    StagPrime already pointed out what you need to do to keep the custom state when leaving the slide.

    As for the buttons: you can use any type of buttons, but I recommend to use the Shape button (which you can also time for the rest of the project, if you want to keep those buttons for more than one slide). Delete the Rollover and Down state. Add a custom state with the explanation of the acronym, which is on the Normal state.  You don't talk about what you want to close the explanation?  The simplest solution would be to use the button as a toggle button, which you need to explain to the user; click once, and the explanation appears, click again the explanation disappears and the acronym is back. If you like that scenario, you need only one action to be attached to the button:

    "Go to Next state...." and you indicate the button. It will toggle between the Normal and the Custom state.

     

    Another question: do you want the slide to pause when the button is used ;or not? For the simple action which I proposed that would mean that you have to uncheck the button 'Continue playing the project'. 

    Sure, don't use click boxes. 

    I have explained the steps above in a slightly different use case:

    http://blog.lilybiri.com/click-slash-reveal-interactions-back-to-basics

     

     

    Inspiring
    October 27, 2020

    Thank you for your helpful responses.  I have everything working as I expected - except -  monly issue now is, can I left or right justify the text in my button states?  Right now everything is automatically centered and it would all look better if I could control the justification. 

     

    Thanks again!

    Lilybiri
    Legend
    October 27, 2020

    Which type of buttons do you use? I use mostly shape buttons, they have all the alignment options of a shape, including justification.

    Stagprime2687219
    Legend
    October 20, 2020

    Have you checked this box for each of your buttons?