2021-02-05 18:22:23 +00:00
|
|
|
---
|
|
|
|
title: oh-rollershutter-card - Rollershutter Card
|
|
|
|
component: oh-rollershutter-card
|
|
|
|
label: Rollershutter Card
|
|
|
|
description: Display rollershutter controls in a card
|
|
|
|
source: https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.ui/doc/components/oh-rollershutter-card.md
|
|
|
|
---
|
|
|
|
|
2021-02-05 14:16:35 +00:00
|
|
|
# oh-rollershutter-card - Rollershutter Card
|
|
|
|
|
|
|
|
<!-- GENERATED componentDescription -->
|
|
|
|
Display rollershutter controls in a card
|
|
|
|
<!-- GENERATED /componentDescription -->
|
|
|
|
|
|
|
|
## Configuration
|
|
|
|
|
|
|
|
<!-- GENERATED props -->
|
|
|
|
|
|
|
|
### Card
|
|
|
|
|
|
|
|
Parameters of the card
|
|
|
|
|
|
|
|
|
|
|
|
- `title` <small>TEXT</small> _Title_
|
|
|
|
|
|
|
|
Title of the card
|
|
|
|
|
|
|
|
- `footer` <small>TEXT</small> _Footer text_
|
|
|
|
|
|
|
|
Footer of the card
|
|
|
|
|
|
|
|
- `noBorder` <small>BOOLEAN</small> _No Border_
|
|
|
|
|
|
|
|
Do not render the card border
|
|
|
|
|
|
|
|
- `noShadow` <small>BOOLEAN</small> _No Shadow_
|
|
|
|
|
|
|
|
Do not render a shadow effect to the card
|
|
|
|
|
|
|
|
- `outline` <small>BOOLEAN</small> _Outline_
|
|
|
|
|
|
|
|
Show the card outline
|
|
|
|
|
|
|
|
### Orientation
|
|
|
|
|
|
|
|
|
|
|
|
- `vertical` <small>BOOLEAN</small> _Vertical_
|
|
|
|
|
|
|
|
Vertical orientation
|
|
|
|
|
|
|
|
### Rollershutter Controls
|
|
|
|
|
|
|
|
|
|
|
|
- `item` <small>TEXT</small> _Item_
|
|
|
|
|
|
|
|
Rollershutter item to control
|
|
|
|
|
|
|
|
- `dirIconsStyle` <small>TEXT</small> _Direction Icons Style_
|
|
|
|
|
|
|
|
Icons to use for the UP/DOWN buttons
|
|
|
|
|
|
|
|
| Option | Label |
|
|
|
|
|--------|-------|
|
|
|
|
| `arrowtriangle_{dir}` | arrowtriangle_{dir} |
|
|
|
|
| `arrowtriangle_{dir}_fill` | arrowtriangle_{dir}_fill |
|
|
|
|
| `arrowtriangle_{dir}_circle` | arrowtriangle_{dir}_circle |
|
|
|
|
| `arrowtriangle_{dir}_circle_fill` | arrowtriangle_{dir}_circle_fill |
|
|
|
|
| `arrowtriangle_{dir}_square` | arrowtriangle_{dir}_square |
|
|
|
|
| `arrowtriangle_{dir}_square_fill` | arrowtriangle_{dir}_square_fill |
|
|
|
|
| `chevron_{dir}` | chevron_{dir} |
|
|
|
|
| `chevron_{dir}_2` | chevron_{dir}_2 |
|
|
|
|
| `chevron_compact_{dir}_2` | chevron_compact_{dir}_2 |
|
|
|
|
| `chevron_{dir}_fill` | chevron_{dir}_fill |
|
|
|
|
| `chevron_{dir}_circle` | chevron_{dir}_circle |
|
|
|
|
| `chevron_{dir}_circle_fill` | chevron_{dir}_circle_fill |
|
|
|
|
| `chevron_{dir}_square` | chevron_{dir}_square |
|
|
|
|
| `chevron_{dir}_square_fill` | chevron_{dir}_square_fill |
|
|
|
|
| `arrow_{dir}` | arrow_{dir} |
|
|
|
|
| `arrow_{dir}_2` | arrow_{dir}_2 |
|
|
|
|
| `arrow_{dir}_fill` | arrow_{dir}_fill |
|
|
|
|
| `arrow_{dir}_circle` | arrow_{dir}_circle |
|
|
|
|
| `arrow_{dir}_circle_fill` | arrow_{dir}_circle_fill |
|
|
|
|
| `arrow_{dir}_square` | arrow_{dir}_square |
|
|
|
|
| `arrow_{dir}_square_fill` | arrow_{dir}_square_fill |
|
|
|
|
| `arrow_{dir}_to_line` | arrow_{dir}_to_line |
|
|
|
|
| `arrow_{dir}_to_line_alt` | arrow_{dir}_to_line_alt |
|
|
|
|
|
|
|
|
|
|
|
|
- `stopIconStyle` <small>TEXT</small> _Stop Icon Style_
|
|
|
|
|
|
|
|
Icons to use for the STOP button
|
|
|
|
|
|
|
|
| Option | Label |
|
|
|
|
|--------|-------|
|
|
|
|
| `stop` | stop |
|
|
|
|
| `stop_fill` | stop_fill |
|
|
|
|
| `stop_circle` | stop_circle |
|
|
|
|
| `stop_circle_fill` | stop_circle_fill |
|
|
|
|
| `multiply` | multiply |
|
|
|
|
| `multiply_fill` | multiply_fill |
|
|
|
|
| `multiply_circle` | multiply_circle |
|
|
|
|
| `multiply_circle_fill` | multiply_circle_fill |
|
|
|
|
|
|
|
|
|
|
|
|
- `stateInCenter` <small>BOOLEAN</small> _State in Center_
|
|
|
|
|
|
|
|
Display state value inside the STOP button instead of icon
|
|
|
|
|
|
|
|
<!-- GENERATED /props -->
|