Irrelevant Pixel
  • Introduction / Foreword
  • ↘️Integrating Menu into your game
    • Add to your project
    • Maps and Modes
    • Your Game Instance
    • Play in your Level
    • Turn ON Enhanced Input
    • Mouse functionality
    • Integration completed
  • Getting to know how to use it
    • Creating Page for Options
    • Selector
    • Slider
    • Toggle
    • Keybinder
      • Duplicating Keys
    • Stylizing Interactive Widgets
    • Save your Options
    • End of the Basic Usage Manual
  • Advancing into Internal Structure
    • Core Concepts
    • Page-related things
    • Aspect Ratios + Resolutions
    • Graphics 'Overall Quality'
    • Deeper into (C)Stylizing
    • deleting Dev.Tool
Powered by GitBook
On this page
  1. Getting to know how to use it

Slider

Modular Option Widget 2 of 4

Last updated 9 months ago

If OptionSelector was the most code-heavy of all four, then ModularSlider is the most light-weight


Before we begin, I want to mention that there some 'User Specified' fields that spreads among all four Modular Options types. And it is unnecessary to mention those furthermore:

  • Default Value

  • Custom Default Value

  • Option Name

  • Option Tool Tip

  • Auto Apply

So as you can see, there weren't that many unique fields for the Option Selector in the previous chapter.


In your Page find and add WBP Modular Slider the same way you added Selector:

Setup Slider the same way you did with Selector:

As you notice, there are a few new fields:

  • Min Value, Max Value, Step Size - are all direct parts of the native Unreal Engine slider and i think don't require any explanation.

  • Value Suffix: is the Text-thing that supplements value. You could see those in the already implemented Sliders of this Menu, like % or fps. It could be anything, or it can be nothing. Make it empty so there will be just value displayed.

  • Display Value: ...


Now lets take a look at its functional part.

Main Event for the slider is the same, with a difference that it produces Float instead of Int:

You can test-out rest of the things by yourself the same way you did in the previous Selector chapter. Everything in this project aimed to be rather uniform, so the Slider has the same Select Options-like functions but named differently:

and Custom Default Value, Auto-Apply works the same way as well.

😏
Page cover image