FUITimelineMarkerCell

open class FUITimelineMarkerCell : NibDesignableFUIBaseTableViewCell

FUITimelineMarkerCell is a UITableViewCell subclass, designed to present a business object related to an event, in a Timeline view.

FUITimelineMarkerCell

  • FUITimelineMarkerCell is a non-selectable with selectionStyle set to .none that is intended for timelines with start, inactive, early end, and end status that display timeline information.
  • It uses a vertical line and a node image as a separator. Left to the vertical line is the timeline event section that contains eventLabel and eventImageView; right to the vertical line is titleLabel.
  • The vertical line contains leadingTimeline on the top, nodeImageView in the middle, and a trailingTimeline at the bottom.

## Usage


    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "FUITimelineMarkerCell", for: indexPath) as! FUITimelineMarkerCell
        cell.titleText = "Project Start"
        cell.nodeImage = FUITimelineNode.start
        cell.eventText = "12/6/15"
        cell.showLeadingTimeline = false
        return cell
    }

## Notes #### SingleLine Sepatator Between Timeline Items in the Table Tableview’s default separatorStyle is .singleLine. Because of this default setting, there can be a 1.0 px divider line or a separator in-between each item on the timeline in the table. This is not an issue in timeline. To get rid of the separator, set separatorStyle to none in the TabelViewController class


     override func viewDidLoad() {
     super.viewDidLoad()
     // ...
     self.tableView.separatorStyle = .none
     // ...
 }

## Theming Supported style classes

 fdlFUITimelineMarkerCell
 fdlFUITimelineMarkerCell_titleLabel
 fdlFUITimelineMarkerCell_eventLabel
 fdlFUITimelineMarkerCell_eventImageView
 fdlFUITimelineMarkerCell_nodeImageView
 fdlFUITimelineMarkerCell_cardBackground
 fdlFUITimelineMarkerCell_timelineBackground

  • Reuse identifier @return String a reuse identifier that describes FUITimelineMarkerCell

    Declaration

    Swift

    open class var reuseIdentifier: String { get }

- UI Components

  • A title label in the main view.

  • Important

    Use the @IBInspectable titleText property to set the label’s text value

    • Declaration

    Swift

    @IBOutlet
public private(set) var titleLabel: FUILabel!

  • A event label in the cell’s left column.

  • Important

    Use the @IBInspectable eventText property to set the label’s text value

    • Declaration

    Swift

    @IBOutlet
public private(set) var eventLabel: FUILabel!

  • A event image view in the cell’s left column.

  • Important

    Use the @IBInspectable eventImage property to set the image view’s image value

    • Declaration

    Swift

    @IBOutlet
public private(set) var eventImageView: FUIImageView!

  • A node image view, centered on the cell’s vertical timeline line.

    Remark

    Use FUITimelineNode static properties, to return standard Fiori Design Language node images.

    Declaration

    Swift

    @IBOutlet
public private(set) var nodeImageView: FUIImageView!

  • The background view of this FUITimelineMarkerCell.

    Declaration

    Swift

    @IBOutlet
public private(set) weak var cardBackground: UIView!

  • The background view of of the area on the left of timeline.

    Declaration

    Swift

    @IBOutlet
public private(set) weak var timelineBackground: UIView!

- @IBInspectable Properties

  • Property defining the titleLabel text. An empty value hides titleLabel.

    Declaration

    Swift

    @IBInspectable
public var titleText: String? { get set }

  • Property defining the eventLabel text. An empty value hides the eventLabel

    Declaration

    Swift

    @IBInspectable
public var eventText: String? { get set }

  • Property defining the eventImageView image. An empty value hides the eventImageView

    Declaration

    Swift

    @IBInspectable
public var eventImage: UIImage? { get set }

  • Property defining the node image. Check with FUITimelineNode for a list of possible node images for different timeline status.

    Declaration

    Swift

    @IBInspectable
public var nodeImage: UIImage? { get set }

  • Property defining the timeline width, which is the width of the whole event view left to the veritical line in the cell. The default width is 83.0 px

    Declaration

    Swift

    @IBInspectable
public var timelineWidth: CGFloat { get set }

  • Property defining the flag to show or not to show timeline’s leading vertical line. Default is true.

    Declaration

    Swift

    @IBInspectable
public var showLeadingTimeline: Bool { get set }

  • Property defining the flag to show or not to show timeline’s trailing vertical line. Default is true.

    Declaration

    Swift

    @IBInspectable
public var showTrailingTimeline: Bool { get set }