Web View

Web View

Download PDF

Web View

Web View is a View that displays web pages. This class is the basis upon which you can roll your own web browser or simply display some online content within your Activity.
The Web view is the content that gets glued onto the pages to create a scrolling window.
Use the Web View control to embed web content in your application.


A web view is a region that can display rich HTML content. Configure.It presents you this dynamic feature that helps you to-
1. Redirect to a payment gateway page,
2. Fetch the live Google maps of anywhere and everywhere,
3. Add an Audio File, etc..

    Keywords:
  • webview
  • webview iOS
  • web browser
  • web viewer

Properties

  • Advanced
    PARAMETER
    DESCRIPTION
    Allows Inline Media Playback
    A Boolean value that determines whether HTML5 videos play inline or use the native full-screen controller. If property is enabled HTML5 video will be played in Web View else it will be played in native video player control.
    Opaque

    A Boolean value that determines whether the Web View is opaque. Check the property ‘Opaque’ to add the effect.

  • Display
    PARAMETER
    DESCRIPTION
    Scales Page To Fit

    A Boolean value that determines whether the webpage scales to fit the view and the user can change the scale.

    Detection

    The types of data converted to clickable URLs in the Web View’s content.
    Links - Enables web URL detection.Opens the application responsible for handling the URL type and passes the URL.
    Address - Enables address detection.
    Phonenumber - A Boolean value indicating whether telephone number detection is on.
    Events - Enables calendar events detection.

    Suppress Incremental Rendering

    A Boolean value to indicate whether the Web View suppresses content rendering until it is fully loaded into memory.

    Keyboard Display Requires User Action

    A Boolean value that indicates whether web content can programmatically display the keyboard.

    User Interaction Enabled

    Enables the Interaction with user, i.e. control responds when user taps on it.

    Pagination Mode

    The layout of content in the Web View, which determines the direction for the flow of pages.

    Alpha

    Used to set the transparency to the object which ranges from 0 to 1.

    Background Color

    Used to set the background color to the Web View.

  • Custom Border
    PARAMETER
    DESCRIPTION
    Border Width

    Sets border width for a 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.

    Transform Angle

    Sets angle in degrees to which the Web View which is in its normal state, has to be rotated. Possible values for this property are -360 to 360.

    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.

    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
    Enable Dynamic Height

    A Boolean value to enable dynamic height of cell dependant upon content of cell controls.

    Should Open Links In External Browser

    This property is for open links displayed in webpage loaded in webview. If this property is enabled and user clicks on link it will be opened in device default browser else it will be opened in Web View itself.

  • Object
    PARAMETER
    DESCRIPTION
    Xpos

    Sets the X position of the Web View.

    YPos

    Sets the Y position of the Web View.

    Width

    Sets the width of the Web View.

    Height

    Sets the height of the Web View.

    Object ID

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

    Object Parent ID

    Set "Object ID" of Web View which contains this control or can serve as parent.

    Key Name To Data

    Sets the web service key from data received from web server, which corresponds to the value to be displayed on the control.

  • 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).

  • 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)

  • Layout Setting
    PARAMETER
    DESCRIPTION
    Center In Parent

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

    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.

    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.

    Vertical

    Group of vertical 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

    Horizontal

    Group of horizontal android default properties.

    Right

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

    Top

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

    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.

    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).

    Bottom

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

  • 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 Web View.

Actions

  • WebView Content Loaded

    This event is triggered on load of a control. Further, the desired Action can be defined as per the requirement. You simply create Web View object, attach it to a window, and send it a request to load web content.

  • Link Clicked

    The action related to this event will be called when user taps on the link.

  • Link Load Started

    This event is fired when web view starts loading a url or link

Remarks

  • Configuring links to open in external browser

    You can set the type of browser, in which links clicked by user in a web page displayed under Web View control, should be opened. For this you have to use “Should Open Links in External Browser” property. On enabling this property- links clicked by user will be opened in Safari browser; else it will be opened in Web View itself.

  • Google Search

    You can load Google search page in Web View. You need to set “Key Name To Data” property of Web View to Google page URL to add this feature.

  • Audio file

    You can play online audio in Web View. You need to set “Key Name To Data” property of Web View to online audio URL or if URL comes as an API response then you need to set “key Name To Data” property to key with which API returns audio URL.

  • Payment gateway page

    This feature lets you present user with payment gateway page in Web View. You need to set “Key Name To Data” property of Web View to payment gateway URL or if URL comes as an API response then you need to set “key Name To Data” property to key with which API returns payment gateway URL.

  • Live Google maps

    You can show live Google maps in Web View. You need to set “Key Name To Data” property of Web View to Google map URL or if URL comes as an API response then you need to set “key Name To Data” property to key with which API returns Google map URL.

  • Web search - History

    You can let user to navigate through previously visited pages using our Web View embedded in In App Browser. User will be provided with forward and backward button to navigate through previously visited pages. To use In App Browser you need to configure “Open URL” action, with “Internal” selected in “Type” parameter.