open class FUIKeyValueFormCell : FUINoteFormCell
extension FUIKeyValueFormCell: FUIPropertyFormCell

A customized UITableViewCell, which contains a UILabel and a UITextView. It takes text as input.


This is a new implementation to replace the previous implementation of FUIKeyValueFormCell. It has a keyName field and an editable value text field to let user entered the value for this property. This cell height is automatically adjusted to allow the whole content to be displayed. However, the cell height is also limited to the height of the screen above the soft keyboard height.

Developer could use to UITableViewDelegate‘s func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat to set a fixed height for the cell.


let cell = tableView.dequeueReusableCell(withIdentifier: FUIKeyValueFormCell.reuseIdentifier) as! FUIKeyValueFormCell
cell.onChangeHandler = { [unowned self] newValue in
    print("value: \(newValue)")
    self.value = newValue
cell.keyName = "Project Title"
cell.placeholder.text = "Please enter a title"
cell.value = value
cell.isTrackingLiveChanges = true
return cell


Supported TEXT class paths:

fdlFUIKeyValueFormCell_title {}
fdlFUIKeyValueFormCell_valueText {}
fdlFUIKeyValueFormCell_placeholder {}
fdlFUIKeyValueFormCell_subtitle {}

Supported TEXT properties:

font-color: Color;
font-style: UIFontTextStyle;

Supported TINTABLE class paths:

fdlFUIKeyValueFormCell_title {}
fdlFUIKeyValueFormCell_valueText {}

Supported TINTABLE properties:

tint-color { -disabled }: Color;
font-style { -disabled }: UIFontTextStyle;
  • The FUIText which holds the text of the keyName.



    public var keyText: FUIText { get }
  • The key name of the cell.



    open var keyName: String? { get set }