Table Cell

Table Cell

Download PDF

Table Cell

Table cell is the one that appears 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.


Configure.IT brings you this control with the dynamic data being displayed as per your requirement. Table cell represents a single row/column intersection in a TableView, whereas Table View represents a collection of data of multiple rows that can be scrolled. A table cell is one grouping within a table. Cells are grouped horizontally (rows of cells) and vertically (columns of cells). Configure the Table cell and Label within and find the data being populated.

    Keywords:
  • Table view controller
  • Table view methods
  • Table view in iOS
  • Table view in Android

Properties

  • Object
    PARAMETER
    DESCRIPTION
    Width

    Sets the width of the Table Cell.

    Height

    Sets the height of the Table Cell.

    Object ID

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

    Object Parent ID

    Set "Object ID" of Table Cell which contains this control or can serve as parent.

    Reuse Identifier

    An identifier of cell to reuse in table view. It will reduce memory allocation.

    Selection Type

    Sets the style of cell, when tapped.

    Accessory Type

    Sets accessory type to cell.

    Editing Accessory Type

    Sets accessory type to cell in editing mode.

  • Advanced
    PARAMETER
    DESCRIPTION
    Indentation Level

    A control object based on which height of cell will be dynamic. [Note - “Dynamic Height Enable Cell” should be enabled.]

    Indentation Width

    A control object based on which width of cell will be dynamic. [Note - “Dynamic Height Enable Cell” should be enabled.]

    Should Indent While Editing

    A Boolean value that controls whether the cell background is indented when the Table View is in editing mode.

  • CIT Custom Properties
    PARAMETER
    DESCRIPTION
    Dynamic Height Enable In Cell

    Enables dynamic height for Table Cell control based on number of cells. Maximum height would be the value set in "Height" property.

    Dynamic Cell Base ID

    A control object based on which height of the cell will be dynamic. [Note - “Dynamic Height Enable Cell” should be enabled.]

    Background View

    Sets the background color of Table Cell.

    Selected Background View

    Sets the background color of Table Cell only for the selected part.

    Cell Left Swipe View Id

    Control object ID to see in the cell, with left swipe animation.

    Cell Right Swipe View Id

    Control object ID to see in the cell, with right swipe animation.

  • Display
    PARAMETER
    DESCRIPTION
    Highlighted Color
    The highlight color applied to the text.
    Separator Inset Left

    You can use this property to add space between the cell’s contents and the left edge of the table. Positive inset values move the cell content and cell separator inward and away from the table edges.

    Separator Inset Right

    You can use this property to add space between the cell’s contents and the right edge of the table. Positive inset values move the cell content and cell separator inward and away from the table edges.

    User Interaction Enabled

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

    Alpha

    Used to set the transparency to the Table Cell which ranges from 0 to 1.

    Background Color

    Used to set the background color to the Table Cell.

    Background Image

    Sets the image to the Table Cell in the background.

    Highlighted View Image

    Sets the Main image to the Table Cell in Highlighted State.

  • Custom Border
    PARAMETER
    DESCRIPTION
    Border Color
    This property is for setting 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
    This property is for setting width of each dash in dashed border pattern for a control.
    Space Between Dashes For Dashed Border
    This property is for setting space between dashese in dashed border pattern for a control.
    Border Width
    This property is for setting border width for a control.
    Border Corner Radius
    This property is for setting radius with which control's rounded corners should be drawn. If this property is set control will appear with rounded corners.
  • 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
    Bottom

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

    Vertical

    Group of vertical android default properties.

    Horizontal

    Group of horizontal android default properties.

    Top

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

    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

    Center In Parent

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

    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.

    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

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

    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.

    Right

    For instance, a Right value of 2 will push the view's content by 2 pixels to the left of the right 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 Table Cell.

Actions

Remarks

  • Dynamic Height

    Configure.IT provides you with this unique feature which lets Cell’s height to be set in run time based on text content of one of its resident controls. This feature can be added to Table Cell by enabling “Dynamic Height Enable In Cell” property and setting its “Dynamic Cell Base ID” property to a control, based on whose content cell’s height has to be calculated.

  • Left and Right revealing swipe views

    You can add left and(or) right view to Table Cell which will be revealed when user swipes in left or right direction on cell. You need use “View” control as left or right swipe view and left or right swipe view should be added on Table Cell. For using left swipe view, you need to set “Cell Left Swipe View Id” property to View control, that has to be revealed when user swipes on a cell in left direction and for using right swipe view, you need to set “Cell Right Swipe View Id” property to View control, that has to be revealed when user swipes on a cell in right direction.

  • Swipe animation effects

    Different colors or images can be shown on Table Cell when user swipes on it. For adding color animations on left swipe you need to use, “Left Swipe First Color” (shown when user swipes up to 50% of the cell in left direction) and “Left Swipe Second Color” (shown when user swipes more than 50% of the cell in left direction). For adding color animations on right swipe you need to use, “Right Swipe First Color” (shown when user swipes up to 50% of the cell in right direction) and “Right Swipe Second Color” (shown when user swipes more than 50% of the cell in right direction). For adding image animations on left swipe you need to use, “Left Swipe First Icon” (shown when user swipes up to 50% of the cell in left direction) and “Left Swipe Second Icon” (shown when user swipes more than 50% of the cell in left direction). For adding image animations on right swipe you need to use, “Right Swipe First Icon” (shown when user swipes up to 50% of the cell in right direction) and “Right Swipe Second Icon” (shown when user swipes more than 50% of the cell in right direction).

  • Selected and normal background views

    You can set background views for Table Cell in normal and selected states. You need use “View” control as background view for Table Cell. Set “Background View” property to the View control, which you want to show as cell’s background in normal state and set “Selected Background View” property to the View control, which you want to show as cell’s background in selected state.