Bixby Developer Center

Guides
References

split-input-cell

optionalmultiple allowed

A cell that displays input information to a user, split into two individual input-cell keys: the left and right. If a user selects one of the input cells, it brings up an input prompt where a user can make a selection.

One of several cells in row in a view that displays information about a user input. You can put two split-input-cell keys in a section. If a user selects a cell, the input information can be updated.

Note

If the device does not support split-input-cell, it will split the two cells into separate input-cell components on their own separate lines.

Interactive Demo

Child Keys

left
required
The left portion of the split-input-cell
right
required
The right portion of the split-input-cell

Examples

This example uses several input-cell components: two in their own row and a third row with a split-input-cell, with two cells of its own.

result-view {
match: RideShare (rideShare) {
from-output: ShowRideShareInputCells
}

message {
template ("Here are input cells:")
}

render {
layout {
section {
content {
input-cell {
label {
template ("Pickup")
}
value {
template ("60 S Market St, San Jose")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
input-cell {
label {
template ("Dropoff")
}
value {
template ("San Francisco Int'l Airport, San Francisco")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
split-input-cell {
left {
input-cell {
label {
template ("Ride Type")
}
value {
template ("#{value(rideShare.productType)}")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
}
right {
input-cell {
label {
template ("Payment method")
}
value {
template ("Visa ***88")
}
on-click {
intent {
goal: ShowRideShareInputCells
}
}
}
}
}
}
}
}
}
}

View on GitHub

Here is how a split-input-cell appears on different devices:

MobileWatchTV (Expanded View)Fridge
input-cellinput-cell
Watch does not support split-input-cell
input-cell
TV does not support split-input-cell
input-cell
Note

The look and feel of this Views component might differ between devices, specifically with respect to spacing. Mobile, tablet, and fridge devices are similar in design, for example, but have varying resolution and spacing specifications.

Design Considerations

This component is applicable to this moment:

You can find design specifications for this component in the Components Spec download under Design Resources.