Page Control

Page Control

Download PDF

Page Control

A page control displays a horizontal series of dots, each of which represents a page or screen in an app. Typically, a page control is used with another view—such as a scroll view—that manages the pages and handles scrolling, panning, and zooming of the content.


Configure.IT gives you this control as the functionality to use horizontal scrolling as a mechanism for navigating between different pages of content.

    Keywords:
  • page speed
  • page control
  • page condition
  • page controller
  • page controller pattern

Properties

  • Display
    PARAMETER
    DESCRIPTION
    Page Control Tint Color

    The color to be used for all page indicator dots of page control, other than current page indicator.

    Current Page Indicator Tint Color

    The color to be used for the current page indicator.

    Enabled

    A Boolean property that indicates whether the gesture recognizer is enabled.

    User Interaction Enabled

    Enables user interaction i.e, control responds to user touches.

    Alpha

    This is for setting transparency of Page Control, ranges from 0 to 1.

    Background Color

    Used to set the background color to the Page Control.

  • Custom Border
    PARAMETER
    DESCRIPTION
    Border Width

    Sets border width for a Page Control.

    Border Corner Radius

    Sets radius with which control's rounded corners should be drawn. Setting this property will enable control appear with rounded corners.

    Border Color

    Sets the border color for a control. Works only if "Border Width" property is set to a value more than 0. Default would be black color.

    Transform Angle

    Sets angle in degrees to which control in its normal state has to be rotated. Possible values for this property are -360 to 360.

    Dash Width For Dashed Border

    Sets width of each dash in dashed border pattern for a control.

    Space Between Dashes For Dashed Border

    Helps set the spacing between Dashes for Dashed Border.

  • CIT Custom Properties
    PARAMETER
    DESCRIPTION
    Page Control On Image

    The image to be used for the current page indicator.

    Page Control Off Image

    The image to be used for all page indicator dots of page control, other than current page indicator.

  • Object
    PARAMETER
    DESCRIPTION
    Xpos

    Sets the X position of the Page Control.

    YPos

    Sets the Y position of the Page Control.

    Width

    Sets the width of the Page Control.

    Height

    Sets the height of the Page Control.

    Object ID

    Sets unique identifier for the control. Page Control can be referenced with the name set in this property for configuration.

    Object Parent ID

    Set "Object ID" of Page Control which contains this control or can serve as parent.

    Key Name To Data

    Sets the local JSON file name from which Page Control has to be loaded.

    Number Of Pages

    The number of pages the receiver shows (as dots).

    Current Page

    Shows the current Page

    Hides For Single Page

    A Boolean value that controls whether the page indicator is hidden when there is only one page.

    Defers Current Page Display

    A Boolean value that controls when the current page is displayed.

  • Vertical
    PARAMETER
    DESCRIPTION
    Vertical Group

    Group of vertical android default properties.

    Reference Type

    These are the android default properties to set selected view with respect of other view.

    Reference Value

    Reference object that is used for positioning selected object

    Offset Type

    marginTop : Specifies extra space on the top side of this view. This space is outside this view's bounds.
    marginBottom : Specifies extra space on the bottom side of this view. This space is outside this view's bounds.

    Offset Value

    Value define the extra space value in pixel.

    Center Vertical

    This property centers the child vertically with respect to the bounds of its parent view.

    Apply Vertical Custom Properties

    If any of the vertical layout setting parameter(s) are selected then this value is selected to indicate user applied vertical custom layout setting parameter(s).

  • Horizontal
    PARAMETER
    DESCRIPTION
    Horizontal Group

    Group of horizontal android default properties.

    Reference Type

    Reference type is the the default property to set selected view with respect to other view.

    Reference Value

    Reference object that is used for positioning selected object.

    Offset Type

    marginLeft : Specifies extra space on the left side of this view. This space is outside this view's bounds.
    marginRight : Specifies extra space on the right side of this view. This space is outside this view's bounds.

    Offset Value

    Offset Value defines the extra space value in the pixel.

    Center Horizontal

    This property centers the child horizontally with respect to the bounds of its parent view.

    Apply Horizontal Custom Properties

    If any of the horizontal layout setting parameter(s) are selected then this value is selected to indicate user applied horizontal custom layout setting parameter(s).

  • Display/AdvanceText
    PARAMETER
    DESCRIPTION
    Hide

    Hiding an element can be done by checking ‘Hide’. This property lets you hide the control.


    Advance - Sets auto resizing with respect to superview, for Page Control.

  • Layout Setting
    PARAMETER
    DESCRIPTION
    Horizontal

    Group of horizontal android default properties.

    Layout Width

    Sets the width of the view
    match_parent/fill_parent : Takes the width as its parent view
    wrap_content : Takes the width as its content’s width

    Layout Height

    Sets the height of the view
    match_parent/fill_parent : Takes the height as its parent view
    wrap_content : Takes the height as its content’s height

    Vertical

    Group of vertical android default properties.

    Left

    The padding is expressed in pixels for the left, top, right and bottom parts of the view. Padding can be used to offset the content of the view by a specific amount of pixels.


    For instance, a Left value of 2 will push the view's content by 2 pixels to the right of the left edge

    Right

    For instance, a Right value of 2 will push the view's content by 2 pixels to the left of the right edge

    Default Min Height

    The height of the view cannot be less than the given value.
    If user select “Default Min Height” then android default value is taken otherwise it takes 0dp.

    Default Min Width

    The width of the view cannot be less than the given value.
    If user select “Default Min Width” then android default value is taken otherwise it takes 0dp.

    Center In Parent

    This property centers the child vertically with respect to the bounds of its parent view.

    Bottom

    For instance, a Bottom value of 2 will push the view's content by 2 pixels to the top of the bottom edge

    Apply Custom Properties

    If any of the layout setting parameter(s) are selected then this value is selected to indicate user applied custom layout setting parameter(s).

    Top

    For instance, a Top value of 2 will push the view's content by 2 pixels to the bottom of the top edge

Actions

  • Load

    This event is triggered on load Page Control. Hence any action can be defined [for eg: when a Page Control loads like API Call to load data to be shown on cells] This can be configured in "LOAD" event listed under "Action(S)" tab of Page Control.

  • Value Changed

    This event is triggered when user taps on page control to change page.

Remarks

  • Object Parent Id

    For page control to work, setting “Object Parent Id” is mandatory. You need set a control with multiple records(e.g, Grid View, Animated Photo Gallery Detail, Scroll View etc) as “Object Parent Id” for Page Control, for navigating through records. Number of pages (dots) in page control will be equal to number records in the control, which is set as “Object Parent Id” for page control.