Custom cell Style

Navigation:  Knowledge Base > Page Editor > Menu Bar > File > New > DB List View Page >

Custom cell Style

Previous pageReturn to chapter overviewNext page

Custom cell style allows the user to add UI parts in the cell. This will allow the user to customize the cell as per the requirement.

mobilous_appexe_npe_myproject_dblistview_cellstyle_custom_properties1

 

 

mobilous_appexe_npe_myproject_dblistview_cellstyle_custom_properties

 

Property

Description

Background Color

User can set the background color of the cell.

Alternate Cell Style

Alternate Cell Style option allow user to set Background color and images in the alternate cells in List view Page.

Height

User can set height of the cell.

Cells

Click on Edit button to edit the cell. User can add/remove UIparts or modify their properties on the cell.

Accessory Type

Select Accessory Type which is displayed as button on the right side of the cell. 

The options available are : "Indicator", "Button" or "none".

On Tap Accessory Button

On Tap Accessory Button is a function/event attached to the cell that acts as trigger to launch the actions.

To know more about Functions Click here.

The function/event will occur when the user clicks only on the provided accessory button.

On Tapping Row

On Tapping Row is the function/event attached to the cell that  will occur when the user clicks anywhere on the cell.

On Flick Cell (Right to Left)

On Flick Cell is the function/event attached to the cell that will occur when the user flicks (slight movement of UI on touch) the Cell from Right to Left.

On Flick Cell (Left to Right)

On Flick Cell is the function/event attached to the cell that will occur when the user flicks (slight movement of UI on touch) the Cell from Left to Right.

 

 

Steps to create Custom Cell:

1) Click on Edit(0) button of cells.

2) Edit cell window opens.

3) Drag and drop UI elements on the cell and close.

 

mobilous_appexe_npe_myproject_dblistview_cellstyle_custom_editcell

Page Editor View:

 

mobilous_appexe_npe_myproject_dblistview_cellstyle_custom_pageeditor

 

Preview View:

 

 mobilous_appexe_npe_myproject_dblistview_cellstyle_custom_preview