APEX Slider Pro is a powerful slider plugin based on the modular, responsive and touch-enabled jQuery slider. It provides elegant and professionally looking sliders.
- Import plugin file "reybis_slider_pro.sql" from dist directory into your application
- Optional: Deploy the JS/CSS files from src/files directory on your web server and change the "Plugin File Prefix" to web servers folder path.
- Optional: Compile the plugin PL/SQL package in your APEX parsing schema and change the plugin render/ajax function to include the package object name. The package files are located in src/db directory.
All the settings are component based. The plugin settings are highly customizable and you can change:
- Orientation - Indicates whether the slides will be arranged horizontally or vertically. Default value: 'horizontal' | Available value: 'horizontal' and 'vertical'
- Width - Sets the width of the slide. Can be set to a fixed value, like 900 (indicating 900 pixels), or to a percentage value, like '100%'. It's important to note that percentage values need to be specified inside quotes. For fixed values, the quotes are not necessary. Also, please note that, in order to make the slider responsive, it's not necessary to use percentage values. More about this in the description of the 'responsive' property. Default value: 500
- Height - Sets the height of the slide. The same rules available for the 'width' property also apply for the 'height' property. Default value: 300
- Autoplay - Indicates whether or not autoplay will be enabled. Default value: true
- Arrows - Indicates whether the arrow buttons will showed. Default value: false
- Buttons - Indicates whether the buttons will showed. Default value: true
- Breakpoints - Sets specific breakpoints which allow changing the look and behavior of the slider when the page resizes. The 'breakpoints' property is assigned an object which contains certain browser window widths and the slider properties that are applied to those specific widths. This is very similar to CSS media queries. However, please note that these custom properties will not be inherited between different breakpoints. The slider's properties will reset to the original values before applying a new set of properties, so if you want a certain property value to persist, you need to set it for each breakpoint. Default value: null
- Responsive - Makes the slider responsive. The slider can be responsive even if the 'width' and/or 'height' properties are set to fixed values. In this situation, 'width' and 'height' will act as the maximum width and height of the slides. Default value: true
- Custom - Add custom json properties based on the slider pro plugin (See: https://github.com/bqworks/slider-pro/blob/master/docs/api.md).
- New Item based on Slider Pro
- Set the SQL Query for data source
- Choose best fitting settings
select 'https://github.com/reybis/apex-plugin-slider-pro/blob/master/src/demo/dominican_republic_01.jpg' image,
'Playa El Valle, Dominican Republic' alt from dual union all
select 'https://github.com/reybis/apex-plugin-slider-pro/blob/master/src/demo/dominican_republic_02.jpg' image,
'Punta Cana, Dominican Republic' alt from dual union all
select 'https://github.com/reybis/apex-plugin-slider-pro/blob/master/src/demo/dominican_republic_03.jpg' image,
'Puente De Cayo Samana, Dominican Republic' alt from dual
https://apex.reybis.com/ords/f?p=APEXPLUGINS
user: demo | pass: demo
Slider Pro jQuery plugin by bqworks
All the features of the original jQuery plugin adapted to Oracle APEX.
MIT