Forum Discussion

machin1973's avatar
machin1973
Community Member
29 days ago

Storyline "Next" Button - How to Make Larger?

Hi,

Does anyone know of a way to make the Next button on the Storyline player larger so it stands out better? Right now, it seems really small. I have been trying different color combinations on the player and have kept the Next button hidden until the voiceover finishes to make it stand out, but it isn't really helping. I really just want to make the Next navigation icon larger on the player, but there doesn't seem to be a way to do that.

I don't want to add a voiceover or text that says "Click Next to Continue" on every slide. I also don't want to put custom navigation buttons on each slide because they would cover some of the content if someone wants to review before moving to the next slide. 

Thanks, 

Melanie

storyline 360

3 Replies

  • machin1973's avatar
    machin1973
    Community Member
    29 days ago

    I figured out a solution. I was able to make the font on the Next button larger. It is much easier to see now when it is unhidden after the narration ends. 

    • CarlFink1's avatar
      CarlFink1
      Community Member
      26 days ago

      The more dramatic (and time-consuming) version is to turn off the Player's Next and Previous buttons and create your own, with a Trigger to navigate to the next/previous pages. Then they can be any size and shape you want, you can animate, them, etc.

  • stefanocraba's avatar
    stefanocraba
    Community Member
    25 days ago

    you could try with a js trigger

    var css = `
      #next .view-content {
        transform: scale(1.6) !important;
      }
      #prev .view-content {
        transform: scale(1.6) !important;
      }
    `;
    var style = document.createElement('style');
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);