FUITimelineMarkerCell

open class FUITimelineMarkerCell: NibDesignableTableViewCell

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 “`swift

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

 ```swift

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

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

    Declaration

    Swift

    open static var reuseIdentifier: String
  • A title label in the main view.

  • Important

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

  • Declaration

    Swift

    @IBOutlet open var titleLabel: UILabel!
  • 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 open var eventLabel: UILabel!
  • 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 open var eventImageView: UIImageView!
  • 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 open var nodeImageView: UIImageView!
  • Property defining the titleLabel text. An empty value hides titleLabel.

    Declaration

    Swift

    open var titleText : String?
  • Property defining the eventLabel text. An empty value hides the eventLabel

    Declaration

    Swift

    open var eventText: String?
  • Property defining the eventImageView image. An empty value hides the eventImageView

    Declaration

    Swift

    open var eventImage : UIImage?
  • Property defining the node image. Check with FUITimelineNode for a list of possible node images for different timeline status.

    Declaration

    Swift

    open var nodeImage : UIImage?
  • 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

    open var timelineWidth : CGFloat = defaultTimelineWidth
  • Property defining the flag to show or not to show timeline’s leading vertical line. Default is true.

    Declaration

    Swift

    open var showLeadingTimeline : Bool = true
  • Property defining the flag to show or not to show timeline’s trailing vertical line. Default is true.

    Declaration

    Swift

    open var showTrailingTimeline : Bool = true