Image scroller component for images, icons that can be combined with a label or text.
Compatible with mobiscroll forms, custom inputs and more. Use it on any touch screen, no matter if small or large.
Shipping with useful features for a refined UX, including:
- Usage on mobile and tablet
- Use it with custom images or icons
- Show labels or any text
- Disabled values for restricting selection
- Circular wheels
- Multiple theme support
- Modal, popup and inline display mores
- RTL Support
- Full localization
As part of Pickers & dropdowns it can be picked up with the Framework and Complete licenses or with the component license.
Image scroller demos available for other frameworks.
Viewing demos & code for
Angular JS (1.x) and Ionic 1
Image - With text
AngularJS Image with text scroller demo. Make you select value pickers pop with using images along values and labels. For AngularJS (1.x) and Ionic 1.
Image - Image only
AngularJS Image only scroller demo. Use any custom image inside a scroller control and store its value on selection. For AngularJS (1.x) and Ionic 1.
Image - Icon and Text
AngularJS Icon with text scroller demo. Make you select value pickers pop with using icons along values and labels. For AngularJS (1.x) and Ionic 1.
Image - Event handlers
AngularJS Image scroller for mobile and desktop with hooks for custom integration and functionality. With source code. For AngularJS (1.x) and Ionic 1.
Image - Display modes
AngularJS Image scroller for mobile with top, bottom slide up, popup, center, modal, bubble and inline embeddable display. For AngularJS (1.x) and Ionic 1.
Image - Desktop
AngularJS Desktop image and text dropdown. Enjoy the excellent polished experience with cursor & pointer interaction. For AngularJS (1.x) and Ionic 1.
Image - Theming capabilities
The look and feel of the image can be deeply customized. There are four levels of customization:
- Base themes: Choose between
Android Material and
- Light or dark: Every theme has a
dark variant. Setting the
'auto' will switch based on system settings.
- Custom themes: Use the theme builder to customize the colors and make it match your brand.
- Custom CSS: If you need further customization, the sky is the limit with CSS overrides.
You can also see how every example looks by changing the theme from the header.
Looking for something you didn't see or have a sales question?
Ask us about it, we're here to help.