A Table View represents a collection of data of multiple rows that can be scrolled. It lets the users to navigate through hierarchically structured data. A table view allows you vertical scrolling. The Table View control is designed to visualize an unlimited number of rows of data, broken out into columns. It draws its visible rows using cells, that is Table cell and displays a series of options, tapping a row simply selects its associated option. It can enter an editing mode in which users can insert or delete rows, or relocate them within the table.
Configure.IT brings you this control with the dynamic data being displayed as per your requirement. Table views can enter an editing mode where users can insert/delete/update rows of the table. Configure the Table cell and Label within and find the data being populated.
Sets height for the rows (cells) of Table View.
Sets left inset for Table cell separator line i.e, distance of separator line from left edge of the cell.
Sets right inset for Table cell separator line i.e, distance of separator line from right edge of the cell.
This property is for setting background color for Table View’s section index view when is not touched.
Set the Indicator style from Default, Black or White. The style of the scroll indicators.
A Boolean value that manages visibility of horizontal scroll indicator visible while scrolling horizontally.
A Boolean value that manages visibility of vertical scroll indicator visible while scrolling vertically.
Enable scrolling with this option.A Boolean value that determines whether scrolling is enabled.
A Boolean value that determines whether paging is enabled for the scroll view.
A Boolean value that controls whether the scroll view bounces past the edge of content and back again.
A Boolean value that determines whether bouncing always occurs when horizontal scrolling reaches the end of the content view.
A Boolean value that determines whether bouncing always occurs when vertical scrolling reaches the end of the content view.
The manner in which the keyboard is dismissed when a drag begins in the scroll view
Enables user interaction i.e, control responds to user touches.
This is for setting transparency of control. ranges from 0 to 1.
Used to set the background color to the ImageView.
This property enables you to set the height of separator for the table cells in the Table View.
Enabling this property will animate cells loading while scrolling Table View.
Sets Table View cells Wave, Fan or Curl animation direction left to right of the screen. This works only if "Enable Row Animation" is enabled and "Animation Type" property is set to "Wave", "Fan" or "Curl".
Sets animating Table View cells tilt backwards. This works only if "Enable Row Animation" is enabled and "Animation Type" property is set to "Tilt".
Set the Animation effects for rows loading, from the different available options as curl, fade, flip, etc.
Sets the start position on screen for row animation, percentage wise(1 to 100). Works only if "Row Animation Type" is set to "Flip", "Wave" or "Fan" and "Enable Row Animation" property is enabled.
Sets the time duration for Animation. Works only if "Enable Row Animation" property is enabled.
A Boolean value that determines whether users can select a row. If the value of this property is YES (the default), users can select rows. If you set it to NO, they cannot select rows. Setting this property affects cell selection only when the Table View is not in editing mode.
A Boolean value that controls whether users can select more than one cell simultaneously in editing mode.The default value of this property is NO. If you set it to YES, check marks appear next to selected rows in editing mode.
A Boolean value that determines whether users can select cells while the Table View is in editing mode. If the value of this property is YES, users can select rows during editing. The default value is NO.
The number of table rows at which to display the index list on the right edge of the table.
This property is for setting background color for Table View’s section index view when is not touched.
This property is for setting background color for Table View’s section index view when is not touched.
Enables dynamic height for Table View control based on number of cells. Maximum height would be the value set in "Height" property.
Enable sections for the Table View. Works only if proper key is set in "Section Key" property.
Sets the web service key from data received from web server, based on which sections classification should be done.
Sets "Object ID" of view to be shown as header of sections. Works only if "Sections Enable" property is set.
Displays single character in sectional header and sections will be grouped based on alphabet.
This property enables indexing. Works only if "Sections Enable" property is enabled.
Displays index titles same as sectional titles. This works only if "Sections Enable" and "Indexing Enable" properties are enabled.
A WS key name based on which paging will be done (ex: next_page)
Sets "Object ID" of control, which is added as footer of Table View, to indicate that next set of rows are being loading.
Enables user interaction for loading next page of rows or cell in Table View. Enabling this property will load the next set of rows only if user taps footer that appears after scrolling to the bottom of table or grid view else next set of rows will be loaded when user scrolls table or grid view till bottom.
This property disables sorting of sections associated with Table View, if "Sections Enable" and "Section Key" properties are set. If this property is enabled, sections will not be sorted. Else sections will be sorted based on the key set in "Section Key" property.
Sets the web service key based on which table view data has to be sorted.
This property sets "Object ID" of control which has to be shown when there is no data available to show in Table View control.
Sets key name which corresponds to a value that specifies whether swipe delete should be enabled on a specific row or not.
Sets the title of delete button which appears on swipe of cell.
Sets "Object ID" of control, on whose click, you want to provide single selection.
Sets "Object ID" of control, on whose click, you want to provide multiple selection.
This property sets name of the key with which selected values should be stored in session.
This property is for setting "," separated keys you want to send to WS.
This property for setting "Object ID" of view that has to be shown as sectional footer.
Sets border width for a control.
Sets radius with which control's rounded corners should be drawn. Setting this property will enable control appear with rounded corners.
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.
Sets width of each dash in dashed border pattern for a control.
Helps set the spacing between Dashes for Dashed Border.
Sets angle in degrees to which control in its normal state has to be rotated. Possible values for this property are -360 to 360.
Group of vertical android default properties.
These are the android default properties to set selected view with respect of other view.
Reference object that is used for positioning selected object
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.
Value define the extra space value in pixel.
This property centers the child vertically with respect to the bounds of its parent view.
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)
Group of horizontal android default properties.
Reference type is the the default property to set selected view with respect to other view.
Reference object that is used for positioning selected object.
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 defines the extra space value in the pixel.
This property centers the child horizontally with respect to the bounds of its parent view.
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).
Sets the X position of the Table View.
Sets the Y position of the Table View.
Sets the width of the Table View.
Sets the height of the Table View.
Sets unique identifier for the control. Control can be referenced with the name set in this property for configuration.
Set "Object ID" of Table View which contains this control or can serve as parent.
Separates the pre defined style with single line or single line etched and separates the table cells.
Sets the color for separator between the table cells, thus differentiating.
Set the identifier of Table View Cell or View to be shown as rows for Table View control.
Checking this property enables gradient bottom mask.
This property helps you enable gradient top mask.
Enabled to show gradient mask on table view control always, if required gradient properties of Table View control are set. If this property is enabled, gradient will be shown on Table View always, whether it is being scrolled or not. Else gradient will be shown only when Table View is not being scrolled.
This property centers the child vertically with respect to the bounds of its parent view.
Group of horizontal android default properties.
For instance, a Top value of 2 will push the view's content by 2 pixels to the bottom of the top edge
Group of vertical android default properties.
For instance, a Right value of 2 will push the view's content by 2 pixels to the left of the right edge
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
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
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
If any of the layout setting parameter(s) are selected then this value is selected to indicate user applied custom layout setting parameter(s)
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.
For instance, a Bottom value of 2 will push the view's content by 2 pixels to the top of the bottom edge
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.
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 Table View.
This event is triggered on load Table View. Hence any action can be defined [for eg: when a Table View 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 Table View control.
This event is triggered when a row on Table View is tapped. Any action to be defined when row is tapped can be configured in "Table Select Row" event listed in "ACTION(S)" tab of Table View controls.
Pagination is used to show large data on a Table View or Grid View in an effective way.There are some advantage of using pagination in your app :
1.Load relatively less amount of data on startup. This increases startup loading speed and populates the table with data faster.
2.Whenever the user scrolls to bottom of UITableView visible cell, the app automatically starts fetching for the next batch of data.
So you need to configure this event for implementing pagination for a control. This event is triggered when user scrolls to last cell of Table View or Grid View. So actions you want to perform when user scrolls up to load next set of data (WSCall action for loading next set of data) can be configured in "Table Load Next Page" event listed in "ACTION(S)" tab of "Table View" or "Grid View" controls.
This event is triggered when user taps a delete button on table view row, that appears after swiping. (Note: Configuring this action will enable swipe delete feature automatically in tableview). Any actions you want to perform on Table cell can be configured in "Table Swipe Delete" event listed in "ACTION(S)" tab of Table View control.
This event is triggered when cell of a Table View is about to load. Any actions to be performed on Table View cell load can be configured in "Table Cell Will Load" event listed under "ACTION(S)" tab of Table View control.Note: This event is used for multiple cell configuration i.e, showing more than one kind of a cell in Table View.
This when is after adding contact to address book using "Add Contact" action. So any actions you want perform after adding contact can be configured in “Phone Contact Added” event listed in ”ACTION(S)” tab of the control on which you are configuring “Add Contact” action.
Following are the response parameters:-
PersonIndex
First
Last
full_name
address_first
Address
email_first
Email
phone_first
Phone
Date
Instant Message
Profile
Related People
URL
ThumbNailImage
thumbImagePath
OriginalImage
This event is triggered after editing contact of address book using “Edit Contact” action. So any actions you want perform after editing contact can be configured in “Phone Contact Edited” event listed in ”ACTION(S)” tab of the control on which you are configuring “Edit Contact” action.
Following are the response parameters:-
PersonIndex
First
Last
full_name
address_first
Address
email_first
Email
phone_first
Phone
Date
Instant Message
Profile
Related People
URL
ThumbNailImage
thumbImagePath
OriginalImage
This event is triggered on selection of contact from contacts list screen which was presented to user using "Show Contacts" action. so, any actions you want perform on contact selection can be configured in “Phone Contact Selected” event listed in ”ACTION(S)” tab of the control on which you are configuring “Show Contacts” action.
Following are the response parameters:-
PersonIndex
First
Last
full_name
address_first
Address
email_first
Email
phone_first
Phone
Date
Instant Message
Profile
Related People
URL
ThumbNailImage
thumbImagePath
OriginalImage
This event is is triggered when timer(which was started using "Set Timer" action) is fired. Any actions you want perform on timer fired event can be configured in "Timer Fired" event listed under "ACTION(S) tab of the control on which you have configured "Set Timer" action.
This event is triggered when Table View is pulled down to refresh data. So the action to be performed when Table View is pulled down,(usually "API Call" action to refresh the data of Table View) can be configured in "Table Pull Refresh" event listed in ”ACTION(S)” tab of Table View control.
Pagination is used to show large data on a Table View or Grid View in an effective way.There are some advantage of using pagination in your app :
1.Load relatively less amount of data on startup. This increases startup loading speed and populates the table with data faster.
2.Whenever the user scrolls to bottom of UITableView visible cell, the app automatically starts fetching for the next batch of data.
So you need to configure this event for implementing pagination for a control. This event is triggered when user scrolls to last cell of Table View or Grid View. So actions you want to perform when user scrolls up to load next set of data (WSCall action for loading next set of data) can be configured in "Table Load Next Page" event listed in "ACTION(S)" tab of "Table View" or "Grid View" controls.
This event is triggered on saving media to album on device. So any actions you want perform on save can be configured in “Saved To Album” event listed in ”ACTION(S)” tab of the control on which you are configuring “Save Image To Album” action.
This feature lets you animate rows while user scrolls Table View to display them. Use “Enable Row Animation” property to enable row animation. You can select the type of animation from “Row Animation Type” property. Here you have wide range to choose from, such as Curl, Fade, Fan, Flip, Helix, Tilt, Wave where Curl is the default one. You can customize the animation using “Animation Duration”, “Row Animation Start Position”, “Animate To Right” and “Animate To Back” properties.
This feature facilitates Table View data to be refreshed when user pulls it down and releases. You need to configure “API Call ” action in “Table Pull Refresh” event under Table View control’s Property-Action window to add this feature.
Pagination lets you load Table View data in batches. This feature proves to be extremely useful when you need to show large data in Table View. Using this you can load relatively less amount of data on startup. This increases startup loading speed and populates the table with data, faster. To add this feature you need to configure “API Call” action in “Table Load Next Page” event under Table View control’s Property-Action window.
Sectional Table is for displaying Table data divided into sections. You can configure sectional table using, Sections Enable and Section Key properties. You can also customise sections using, Section Header View ID, Section Header Color, Section Header Background Image, Sectional Data is Single Character and Section Corner Radius Enable properties.
This feature lets you add delete button to Table row when user swipes on it. You need to configure “Table Swipe Delete” event for adding this feature. You can configure actions to delete row from Table View (“Change Table Properties” >> “delete” action) and data entry related to that row (“API Call” action) in “Table Swipe Delete” event, which is triggered when user taps on delete button.
Table View height is set to dynamic by enabling “Dynamic Height Enable” property, i.e, Table View height will be set in run time based on number of rows it contains. Table height will be set by adding height of each row. It will be set to a value minimum of row height sum and height set in “Height” property of Table View.
This feature lets you set dynamic height for each row of Table View based on text content of one of the resident controls of the row (Table View Cell). Dynamic height can be enabled on cell using “Dynamic Height Enable In Cell” property. You also need to set control ID based on whose text content, row height has to be calculated in, “Dynamic Cell Base ID” property.
This feature allows you add indexing to table with sections, which makes traversing through sections easier. By adding an index scrolling, user is allowed to access a particular section in a table instantly, without scrolling through each section. You can add indexing to table by using “Indexing Enable” property. Table index customisation properties include, Should Index Titles Match Section Titles, Section Index Background Color, Section Index Minimum Display Row Count, Section Index Color and Section Index Tracking Background Color.
You can add gradient to Table View using gradient properties, Top Inner Gradient Color, Top Outer Gradient Color, Bottom Outer Gradient Color, Bottom Inner Gradient Color, Enable Bottom Mask, Enable Top Mask and Always Show Mask.
ConfigureIT provides you this feature of showing a view to indicate user that there is no data available to display using “Empty Data Representation View ID” property. You need to set control to “Empty Data Representation View ID” property, which you want to show when there is no data available to show in Table View. This reduces the overhead of configuring “Change Object Properties” >> “Hidden” action explicitly by checking response of API.
Follow us on Social Media to stay updated
Chat with our support agents in real time and get answers to your questions.
Have any questions related to sales or getting on board? Send us your questions.
