> For the complete documentation index, see [llms.txt](https://docs.flightwatching.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flightwatching.com/user-manual/designer-user-manual/edit-ifts/ift-v2/fw.setstyle.md).

# FW\.setStyle

FW\.setStyle(name, value)

You can dynamically set the style of your event in the timeline view by setting some styling properties with this function. any name/value pair is accepted. 2 names are predefined for the display in the timeline:

* color: sets the color of the event in the timeline color is in the CSS3 format (<http://www.w3schools.com/cssref/css_colors_legal.asp>)
* pos: `'left'` or `'right'`. The event is on the left or the right side of the vertical time bar. Note that the position is set on the left on small devices (smartphones)

![](https://4203901285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LucrvGdSn3RONbIcfqh%2F-Lui25MswUdvQBPHaHPh%2F-Lui33djGvhea0TqsKt9%2FsetStyle.png?alt=media\&token=7e6dcf6a-eb65-42bb-836c-89c06f0a9956)

```javascript
await FW.setStyle('color', 'yellow');
await FW.setStyle('pos', 'left');
```

> those styles can be set manually for the comments thru the timeline