How to customize the UI

CesiumJS
1

Hello

I’d like to know if is possible to customize the default Cesium UI (the timeline, the top buttons, etc),

and how.

Many thanks

2

You can turn off everything in the viewer widget and add your own UI elements instead, you can read a bit about that in the Cesium Workshop here:

https://cesium.com/docs/tutorials/cesium-workshop/#creating-the-viewer

Otherwise, you could modify the source for the HTML/CSS elements. Every widget should have a “ViewModel” class. For example, here’s the animation widget’s view model:

https://github.com/AnalyticalGraphicsInc/cesium/blob/master/Source/Widgets/Animation/AnimationViewModel.js

And its corresponding styling:

https://github.com/AnalyticalGraphicsInc/cesium/blob/master/Source/Widgets/Animation/Animation.css