Vertical Slider — The Ultimate Tool for Custom Vertical Regulators in Kodular and App Inventor! 
Transform your mobile app interfaces into modern, interactive control panels. This extension is built specifically for developers who need robust vertical sliders and absolute customization freedom. 
Key Features & Blocks Overview:
CreateSlider
- What it does: Initializes and embeds a new vertical slider inside a specified container (
VerticalArrangement). Supports a uniqueidand custom dimensions (supports pixels, screen percentages,-1for Match Parent,-2for Wrap Content). - Why you need it: Allows placing multiple independent sliders on a single screen without UI conflicts.
- What it does: Initializes and embeds a new vertical slider inside a specified container (
SetColors
- What it does: Updates the palette of a specific slider by its
id, letting you customize the thumb color (thumbColor) and progress track (progressColor) separately. - Why you need it: Perfect for matching your app’s branding, building DJ mixers, audio equalizers, or smart home control boards.
- What it does: Updates the palette of a specific slider by its
SetRange
- What it does: Configures the minimum and maximum boundaries for a specific slider (e.g., from
0to100or custom ranges). - Why you need it: Tailors the numerical output to match exact application logic like volume, temperature, or brightness.
- What it does: Configures the minimum and maximum boundaries for a specific slider (e.g., from
SetPosition/GetPosition
- What it does: Programmatically alters or retrieves the current value of a specific slider by its
id. - Why you need it: Essential for saving user preferences, restoring default states, or syncing UI components.
- What it does: Programmatically alters or retrieves the current value of a specific slider by its
SetInverted
- What it does: Reverses the slider’s direction (switching between standard
0 at the bottomand inverted0 at the top). - Why you need it: Great for audio/video fade controls, depth meters, or specialized downward-flowing UI scales.
- What it does: Reverses the slider’s direction (switching between standard
SetEnabled
- What it does: Locks or unlocks the slider’s interactivity while applying a semi-transparent visual style.
- Why you need it: Ideal for disabling features dynamically based on user permissions or app states.
SetThumbRadius&SetTrackThickness
- What it does: Fine-tunes the visual dimensions, letting you change the thumb’s circle radius and track thickness in pixels.
- Why you need it: Ensures touch-friendly design on various screen sizes and DPIs.
RemoveSlider
- What it does: Cleanly disposes and removes a slider widget from its layout container by
id. - Why you need it: Essential for dynamic UI layouts where components are generated on demand.
- What it does: Cleanly disposes and removes a slider widget from its layout container by
Events:
PositionChanged(id, position)— Fires dynamically as the user drags the thumb, returning the exactidand calculated value. Easily handle multiple sliders using simple conditional blocks.TouchDown/TouchUp— Tracks user interaction states for advanced visual feedback.
cccccc.aia (17.4 KB)
com.verticalslider.aix (13.5 KB)
The extension was created with the help of: FAST