Listing Controls

TableView

A table view displays a list of items in a single column. table view allows users to scroll through the table, although it allows vertical scrolling only. The cells comprising the individual items of the table are table view cell objects; table view uses these objects to draw the visible rows of the table. Cells have content—titles and images—and can have, near the right edge, accessory views. Standard accessory views are disclosure indicators or detail disclosure buttons; the former leads to the next level in a data hierarchy and the latter leads to a detailed view of a selected item. Accessory views can also be framework controls, such as switches and sliders, or can be custom views. Table views can enter an editing mode where users can insert, delete, and reorder rows of the table.

Now we will discuss in detail related to properties and actions of the table view. Tapping on table view will open the following window as shown below.

  • In properties tab you can change any property of table view and even can easily search using the search bar.
  • To configure various events related to view tap on action and configure it.

Properties

Custom Border

Below property are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Border Width
  2. Border Color
  3. Border Corner Radius
  4. Dashed Width For Dashed Border
  5. Space between dashes for dashed border

Row Animation

  1. Enable Row Animation :A Boolean value to allow row animation while scrolling.
    • Value - int : The default value for this property is NO. If you change it to YES, row will be animating with animation type “Curl”.
  2. Animate To Right : A Boolean value to allow row animation while scrolling from right to left.
    • Value - int : The default value for this property is NO.
  3. Animate From Bottom : A Boolean value to allow row animation while scrolling from bottom to top.
    • Value - int : The default value for this property is NO.
  4. Animate To Back : A Boolean value to allow row animation while scrolling from right to left.
    • Value - int : The default value for this property is NO.
  5. Row Animation Start Position : X Position value from where to start animation.
    • Value - int : The default value for this property is 0.
  6. Animation Duration : Time duration to complete animation
    • Value - int : The default value for this property is 0.
  7. Row Animation Type : Different types of animations are available, listed as below :
    • Curl
    • Fade
    • Fan
    • Flip
    • Helix
    • Tilt
    • Wave
  8. Transform Angle : Apply transform angle to table view
    • Value - int : The default value for this property is 0.

HB Custom Properties

  1. Empty Data Representation View Id : Any control which will be displayed when there are no data available in table view like “No data found”
    • Value : Select any value from the drop down list.
  2. Key Name To Sort : Any output key from web service based on which sorting should be done.
    • Value : Select any key from the drop down list.
  3. Single Selection View Id : Control object by which single selection should be done.
    • Value : Select any control from the drop down list.
  4. Should Index Titles Match Section Titles : A Boolean value to have indexing(A-z) with matches to section title. i.e. if data are for A and B only then indexing will be from A-B. (Prerequisite - “Indexing Enable” should be Enabled. )
    • Value - int : The default value for this property is 0.
  5. Disable Sorting : A Boolean value to disable sorting.
    • Value - int : The default value for this property is 0.
  6. Swipe Delete Button Title : Title to be displayed on delete button which comes when swipe on cell.
    • Value - String : This string is nil by default.
  7. Multiple Selection View Id : A control object for multiple cell selection.
    • Value :Select any control object from drop down list.
  8. Sections Enable : A Boolean value to have sectional table.
    • Value :The default value for this property is 0.
  9. Section Key : A output key of web service which should be displayed as section title.
    • Value :Select any key from drop down list.
  10. Section Header View Id : Section id of header.
  11. Section Header Color : set background color of section header.
    • Value :Select color from color wheel pop up.
  12. Section Header Background Image : Set background image of section
    • Value :Select image from resources.
  13. Section Header Background Image : Set background image of section
    • Value :Select image from resources.
  14. Section Footer View Id : Set view in table footer.
    • Value :Select a control object from drop down.
  15. Section Corner Radius Enable : Set background image of section
    • Value :Select image from resources.
  16. Sectional Data Is Single Character : A Boolean value to have single character as section title in case of Indexing.
    • Value - int : The default value for this property is 0.
  17. Dynamic Height Enable : A Boolean value to have dynamica height of cell.
    • Value - int : The default value for this property is 0.
  18. Page Token Id : A output key from Web service for next page data (In case of paging web service).
    • Value :Select key(ex:next_page) from drop down list.
  19. Page Load Indicator View Id : A control object id which will visible on page load.
    • Value :Select object Id from drop down list.
  20. User Interaction is required for page load : A Boolean value to have “Load more” button at the bottom of table view.To fetch Next page data, click “Load more” button.
    • Value - int : Default value of this property is 0.

HB Custom Properties

  1. Allows Selection : A Boolean value to select any row.
    • Value - int : Default value of this property is 0.
  2. Allows Selection During Editing : A Boolean value to select any row while table view is in editing mode.
    • Value :Default value of this property is 0.
  3. Section Index Minimum Display Row Count : Set number of rows to be displayed in section.
    • Value - int : Default value of this property is 0.

Display

  1. Row Height : Set height of cell.
    • Value - int : Default value of this property is 44.
  2. Section Header Height : Set height of section header.
    • Value - int : Default value of this property is 22.
  3. Section Footer Height : Set height of footer.
    • Value - int : Default value of this property is 22.
  4. Scroll Enabled : A Boolean value to enable or disable scrolling.
    • Value - int : Default value of this property is 1
  5. Indicator Style : Set scroll indicator style.
    • Value :Select any style from drop down list.
  6. Shows Vertical Scroll Indicator : A Boolean value to set vertical scroll indicator visible or invisible.
    • Value - int : Default value of this property is 1.
  7. Always Bounce Vertical : A Boolean value to enable or disable bounce of table view.
    • Value - int : Default value of this property is 1.
  8. Background Color : Set background color of table view.
    • Value :Select color from color wheel.
  9. User Interaction Enabled : A Boolean value to enable or disable user interaction.
    • Value - int : Default value of this property is 1.
  10. Alpha : Set transparency of control object. Its range from 0 to 1.
    • Value - float : Default value of this property is 1.
  11. Bounces : A Boolean value to enable or disable bounce.
    • Value - int : Default value of this property is 0.
  12. Always Bounce Horizontal : A Boolean value to enable or disable horizontal bounce.
    • Value - int : Default value of this property is 0.
  13. Shows horizontal scroll indicator : A Boolean value to set horizontal scroll visible or invisible.
    • Value - int : Default value of this property is 0.
  14. Paging Enabled : A Boolean value to enable or disable paging.
    • Value - int : Default value of this property is 0.
  15. User Interaction Enabled : A Boolean value to enable or disable user interaction.
    • Value - int : Default value of this property is 1.

Object

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Key to Data Source
  2. Xpos
  3. Ypos
  4. Width
  5. Height
  6. Object ID
  7. Key name to data
  8. Object Parent ID
  1. Style : Set style either Plain or Grouped.
    • Value :Set value from drop down list.
  2. Separate Style : Set separate style of cell to differentiate among cells.
    • Value :Set value from drop down list.
  3. Separate Color : Set separate color of cell to differentiate among cells.
    • Value :Select color from color wheel.
  4. Cell View Id : This is auto generated field of table cell.
  5. Separate Color : Set separate color of cell to differentiate among cells.
    • Value :Select color from color wheel.

Display / Advance Text

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Hide
  2. Advanced
  1. Section Index Color : In case of paging, set text color of paging characters(A-Z).
    • Value :Select color from color wheel.
  2. Section Index Background Color : In case of paging, set background color of paging control.
    • Value :Select color from color wheel.
  3. Section Keys : Set output keys from web service, which should be saved when cell will be selected. Set keys by comma separated for multiple keys.
    • Value :Enter output keys from web services.
  4. Multiple Selection Session Key : Set session name to be get selected values.
    • Value :Enter session name.

Actions

As shown in above figure the Tableview’s actions description is given below.

  1. Load : The action related to this event will be called when tableview is loaded.
  2. Table Select Row : The action related to this event will be called when user taps on the tableviewcell.
  3. Table Swipe Delete : The action related to this event will be called when user taps on swipe delete button.
  4. Table Pull to Refresh : The action related to this event will be called when user pull to refresh view.

Note : Pull to refresh will be added in the tableview control only when this event is configured.

  1. Table Loaded Successfully : The action related to this event will be called when all the data in the cells is loaded completely.
  2. Table Swipe Left Animation : The action related to this event will be called when user left swipes the cell.
  3. Table Swipe Right Animation : The action related to this event will be called when user right swipes the cell.
  4. Table Load Next Page : The action related to this event will be called when user scroll down the tableview. This action is required when you need to provide “Load More” option to the user.
  5. Alert Button Click : The action related to this event will be called when user taps on any button of the alert.
  6. Table Cell Will Load : The action related to this event will be called when the cell is loaded. This action is required when you need to use option of multiple cells in a single tableview control depending on requirement.

TableCell

Table Cell is the one that appear in Table view objects. This class includes properties and methods for setting and managing cell content and background (including text, images, and custom views), managing the cell selection and highlight state, managing accessory views, and initiating the editing of the cell contents.

Now we will discuss in detail related to properties and actions of the TableCell. Tapping on TableCell will open the following window as shown below.

Properties

HBCustom Custom Properties

  1. Enable Cell Left Swipe Animation : A Boolean value to show customised view in left swipe animation on cell.
    • Value - int : Default value of this property is 0.
  2. Cell Left Swipe View Id : Control object id to see in cell, while left swipe animation.
    • Value :Select control object id from drop down list.
  3. Cell Right Swipe View Id : Control object id to see in cell, while right swipe animation.
    • Value - int : Default value of this property is 0.
  4. Right Swipe First Icon Image : Image to be displayed on right swipe animation.
    • Value : Select image from resources.
  5. Right Swipe Second Icon Image : Image to be displayed on right swipe animation followed by first icon image.
    • Value : Select image from resources.
  6. Left Swipe First Icon Image : Image to be displayed on left swipe animation.
    • Value : Select image from resources.
  7. Left Swipe Second Icon Image : Image to be displayed on left swipe animation followed by first icon image.
    • Value : Select image from resources.
  8. Right Swipe First Color : color to be displayed on right swipe animation.
    • Value : Select color from color wheel.
  9. Right Swipe Second Color : Second color to be displayed on right swipe animation followed by first color.
    • Value : Select color from color wheel..
  10. Left Swipe First Color : color to be displayed on left swipe animation.
    • Value : Select color from color wheel.
  11. Left Swipe Second Color : Second color to be displayed on left swipe animation followed by first color.
    • Value : Select color from color wheel.
  12. Background View : Set background color of tablecell.
    • Value : Choose color from color wheel.
  13. Cell Right Swipe View Id : Set background color of tablecell on selected mode.
    • Value : Choose color from color wheel.
  14. Dynamic Height Enable in Cell : A Boolean value to enable dynamic height of cell dependant upon content of cell controls.
    • Value : Default value of this property is 0.
  15. Dynamic Cell Base Id : A control object based on which height of cell will be dynamic. (Prerequisite - “Dynamic Height Enable in Cell” should be enabled.)
    • Value : Select control object id from drop down list.

Advanced

  1. Indentation Level : A control object based on which height of cell will be dynamic. (Prerequisite - “Dynamic Height Enable in Cell” should be enabled.)
    • Value : Select control object id from drop down list.
  2. Indentation Width : A control object based on which height of cell will be dynamic. (Prerequisite - “Dynamic Height Enable in Cell” should be enabled.)
    • Value : Select control object id from drop down list.

Display

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Background Color
  2. User Interaction
  3. Alpha

Object

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Width
  2. Height
  3. Object Id
  4. Key Name to Data
  5. Object Parent Id
  6. Hide
  7. Advance
  1. Style : Set style of tablecell.
    • Value : Select control object id from drop down list.
  2. Reuse Identifier : A identifier of cell to reuse in table view. It will reduce memory allocation.
    • Value - String : Enter cell identifier.
  3. Selection Style : Set style of cell when tapped.
    • Value : Select style from drop down list.
  4. Accessory Type : Set accessory type to cell.
    • Value : Select style from drop down list.
  5. Editing Accessory Type : Set accessory type to cell in editing mode.
    • Value : Select style from drop down list.

Actions

  • As shown in above figure the Label’s actions are almost similar to View ‘s actions which are discussed Controls - 1 Views and Controls - 2 Buttons . Please refer documents of all the actions .

HB Expandable TableView

HBExpandable Table View is the custom control by Configure.It. It is used to expand / collapse table view.

Properties

HB Custom Properties

  1. Show All Opened Sections : A Boolean value to see all sections opens.
    • Value - int : Default value of this property is 0.
  2. Initial Open Section Index : Set section number to be expanded(Open) when table view appeared.
    • Value - int : Default value of this property is 0.
  3. Expand Button Identifier : Select Button object id, clicking on which table view can be expand and collapse. (This button should be Toggle enabled.)
    • Value : Select Button object id from table cell.

Other properties of this control is same as the Tableview ‘s property. Please refer above.

Actions

  • As shown in above figure the ExpandableTableview ’s actions are almost similar to tableview ‘s actions which are discussed above.

GridView

GridView is the custom control provided by Configure.It. It is used to show data in grid just like collection view.

Properties

Row Animation

Padding

  1. Set padding to give space from Top / Left / Right / Bottom.
    • Value - int : Default value of this property is 0.
  2. Space Between Grid Tiles : Set required pace between two grids(tiles).
    • Value - int : Default value of this property is 5.
  3. Tile Selected Border Color : Set border color of grid when tapped.
    • Value : Select color from color wheel.
  4. Tile Normal Border Color : Set border color of grid.
    • Value - int : Select color from color wheel.
  5. Enable Deletion On Long Press : A Boolean value to delete single grid on long press.
    • Value - int : Default value of this property is 0.
  6. Enable Deletion Of All Tiles On Long Press : A Boolean value to delete multiple grid on long press.
    • Value - int : Default value of this property is 0.
  7. Tile Delete Button Image : An image of delete button.
    • Value :Select image from resources.
  8. Tile Delete Button X Offset : The offset of deleted button from X position 0.
    • Value - int : Default value of this property is 5.
  9. Tile Delete Button Y Offset : The offset of deleted button from Y position 0.
    • Value - int : Default value of this property is -5.

HB Custom Properties

  1. Load More View Id : Control Object Id to see as “Load more” in case of paging.
    • Value :Select control object id from drop down list.

Display

  1. Can Cancel Content Touches : A Boolean value to enable / disable touches of content.
    • Value - int : Default value of this property is 1.
  2. Delays Content Touches : A Boolean value to provide delay in touches gesture.
    • Value - int : Default value of this property is 1.
  3. Directional Lock Enable : A Boolean value to enable / disable scrolling in particular direction.
    • Value - int : Default value of this property is 0.

Other properties of this control is same as the Tableview ‘s property. Please refer above.

Actions

Let’s discuss about events of gridview :

Delete On Grid Item : The action related to this event will be called when the user will click on delete button on the gridview cell.

As shown in above figure the Gridview ’s actions are similar to tableview ‘s actions which are discussed above. Please refer above for other actions.

Grid Cell

A Grid Cell object presents the content for a single data item when that item is within the Grid View’s visible bounds.

Other properties of this control is same as the TableviewCell ‘s property. Please refer above.

Actions

As shown in above figure the GridCell’s actions are almost similar to View ‘s actions which are discussed Controls - 1 Views . Please refer document of all the actions.

Animated Photo Gallery is a custom control provided by ConfigureIT. It is used to show views with horizontal scroll with different animations.

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Xpos
  2. Ypos
  3. Width
  4. Height
  5. Object ID
  6. Key Name to Data
  7. Object Parent ID

Below properties are explained in detail in TextView Control. Please refer Controls - 2 Text document.

Key To Data Source

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Hide
  2. Advanced
  1. Slide Show Time Interval : A value that will determine the time duration of slide show
    • Value - int : The default value is 1 and user can increase and decrease to change slide change time of slide show.
  2. Enable Slide Show : A boolean value to enable/disable slide show in animated photo gallery.
    • Value - Bool : Defaultly it will be in disable state.User can change as per requirement.

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Background Color
  2. User Interaction
  3. Alpha

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Border Width
  2. Border Color
  3. Border Corner Radius
  4. Dashed Width For Dashed Border
  5. Space between dashes for dashed border

Advanced

Below properties are explained in detail in Imageview Control. Please refer Controls - 1 Views document.

Clip Subviews

Below property are explained in detail in View Control.Please refer Controls - 1 Views document.

TransformAngle

  1. Cell View Id : A unique identifier for photogallerycell
    • Value - String : Value is automatically taken. User will have to change if cell is changed in any case.
  2. Animation Type : An animation type with which rows will be animated in gallery control
    • Value :User can select animation type from following.
      1. Linear
      2. Rotary
      3. Inverted Rotary
      4. Cylinder
      5. Inverted Cylinder
      6. Wheel
      7. Inverted Wheel
      8. Cover Flow
      9. Cover Flow2
      10. Time Machine
      11. Inverted Time Machine
      12. Custom
  1. Show Tool Bar : A bool value to show and hide toolbar to change animation type and speed
    • Value - bool : By default it is off.User can change its value to show toolbar at bottom
  2. Space Between Items : Integer value to set space between two items in gallery.
    • Value - int : Default value is nil. User can increase and decrease to vary the space between two items
  3. Minimum Space Between Items : Integer value to set minimum value between items.
    • Value - int : Default value is nil. User can increase and decrease to vary the minimum space between two items
  4. Maximum Space Between Items : Integer value to set maximum value between items.
    • Value - int : Default value is nil. User can increase and decrease to vary the maximum space between two items
  5. Should Repeat Item : A boolean value to enable and disable circular data display.
    • Value - bool : Default value is false. User can change it to provide repetitive circular data.Ex: If records are displayed like 1 to 10 then after 10 navigation won’t stop.It will again start from 1 to 10.

As shown in above figure the AnimatedPhoto Gallery ’s actions are almost similar to tableview ‘s actions which are discussed above.

A photo gallery cell control presents the content for a single data item when that item is within the photo gallery’s visible bounds.

Other properties of this control is same as the TableviewCell ‘s property. Please refer above.

Scroll View

The scrollview provides support for displaying content that is larger than the size of the application’s window. It enables users to scroll within that content by making swiping gestures, and to zoom in and back from portions of the content by making pinching gestures.

Scrollview comes with a view with it. Add controls to that view.

Properties

HB Custom Properties

  1. Zooming View Id : Set control object which should be zoom in / zoom out.
    • Value : Select control object from drop down list.
  2. Scroll To Top : A Boolean value that controls whether the scroll-to-top gesture is enabled.
    • Value - int : Default value for this property is 1.
  3. Deceleration Rate : A floating-point value that determines the rate of deceleration after the user lifts their finger.
    • Value - float : Default value for this property is 0.
  4. Initial Zoom Scale : A floating-point value that determines the control with zoom in / zoom out effect.
    • Value - float : Default value for this property is 1.

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

TransformAngle

Display

  1. Indicator Style : The style of the scroll indicators.
    • Value - int : Choose from the following style :
    1. Default : The default style of scroll indicator, which is black with a white border. This style is good against any content background.
    2. Black : A style of indicator which is black and smaller than the default style. This style is good against a white content background.
    3. White : A style of indicator is white and smaller than the default style. This style is good against a black content background.
  2. Paging Enabled : A Boolean value that determines whether paging is enabled for scrollview.
    • Value - int : Default value for this property is 0.
  3. Minimum Zoom Scale : A floating-point value that specifies the minimum scale factor that can be applied to the scroll view's content.
    • Value - float : Default value for this property is 1.
  4. Maximum Zoom Scale : A floating-point value that specifies the maximum scale factor that can be applied to the scroll view's content.
    • Value - float : Default value for this property is 1.
  5. Can Cancel Touches : A Boolean value that controls whether touches in the content view always lead to tracking.
    • Value - bool : If the value of this property is YES and a view in the content has begun tracking a finger touching it, and if the user drags the finger enough to initiate a scroll, the view receives a message and the scroll view handles the touch as a scroll. If the value of this property is NO, the scroll view does not scroll regardless of finger movement once the content view starts tracking.
  6. Delays Cancel Touches : A Boolean value that determines whether the scroll view delays the handling of touch-down gestures.
    • Value - bool : If the value of this property is YES, the scroll view delays handling the touch-down gesture until it can determine if scrolling is the intent.
  7. Paging Enabled : A Boolean value that determines whether paging is enabled for scrollview.
    • Value - int : Default value for this property is 0.
  8. Directional Enabled : A Boolean value that determines whether scrolling is disabled in a particular direction.
    • Value - float : If this property is NO, scrolling is permitted in both horizontal and vertical directions. If this property is YES and the user begins dragging in one general direction (horizontally or vertically), the scroll view disables scrolling in the other direction. If the drag direction is diagonal, then scrolling will not be locked and the user can drag in any direction until the drag completes. The default value is NO.

Below properties are explained in detail in View Control. Please refer Controls - 2 Text document.

  1. Show Horizontal Scroll
  2. Show Vertical Scroll
  3. Scroll Enabled
  4. Paging Enabled
  5. Bounces
  6. Always Bounce Horizontal
  7. Always Bounce Vertical

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Background Color
  2. User Interaction
  3. Alpha

Display/Advanced Text

  1. Content Size Width : A integer value that specifies the width of scroll view. It is used when content of scrollview covers more width than application window width.
    • Value - int : Default value for this property is same as scrollview width.
  2. Content Size Height : A integer value that specifies the height of scroll view. It is used when content of scrollview covers more height than application window height.
    • Value - int : Default value for this property is same as scrollview height.
  3. ContentOffset X : A integer value that specifies X offset of scroll view.
    • Value - int : Default value for this property is 0.
  4. ContentOffset Y : A integer value that specifies Y offset of scroll view.
    • Value - int : Default value for this property is 0.

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Hide
  2. Advanced

Object

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Xpos
  2. Ypos
  3. Width
  4. Height
  5. Object ID
  6. Key Name to Data
  7. Object Parent ID

Custom Border

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Border Width
  2. Border Color
  3. Border Corner Radius
  4. Dashed Width For Dashed Border
  5. Space between dashes for dashed border

Actions

As shown in above figure the scrollview ’s actions are almost similar to View ‘s actions. Please refer Controls - 1 Views document for all actions

Page Control

Page control used to create and manage page controls. A page control displays a horizontal series of dots, each of which corresponds to a page.

Properties

HB Custom Properties

  1. Page Control On Image : Set image to be displayed as selected(on) dot of page control.
    • Value - : image Select image from resources.
  2. Page Control Off Image : Set image to be displayed as non-selected(Off) dot of page control.
    • Value - : image Select image from resources.

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

TransformAngle

Display

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Background Color
  2. User Interaction
  3. Alpha
  4. Enabled

Object

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Xpos
  2. Ypos
  3. Width
  4. Height
  5. Object ID
  6. Key Name to Data
  7. Object Parent ID
  1. Numbers of pages : Set numbers of pages(dots) control can have.
    • Value - int : Default value for this property is 3.
  2. Current Page : Set which page(dot) should display as selected.
    • Value - int : Default value for this property is 0.
  3. Hides for Single Page : A Boolean to hide page control if there is only page.
    • Value - Boolean : Default value for this property is 0.
  4. Defers Current Page Display : A Boolean value that controls when the current page is displayed.
    • Value - int : Default value for this property is 0.
  5. Page Control Tint Color : Set tint color of Page Control.
    • Value :Select color from color wheel.

Display/Advanced Text

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Hide
  2. Advanced
  1. Current Page Indicator Tint Color : Set tint color of selected page(dot).
    • Value - int : Select color from color wheel.

Custom Border

Below properties are explained in detail in View Control. Please refer Controls - 1 Views document.

  1. Border Width
  2. Border Color
  3. Border Corner Radius
  4. Dashed Width For Dashed Border
  5. Space between dashes for dashed border

Actions

As shown in above figure the slider control’s action description is given below.

Load The action related to this event will be called when the page control will be loaded in the screen.

Value Changed The action related to this event will be called when user switch from one page to another in the page control.