Want to shift navigation tool on left side of cesium globe

[adeelahmed1981]

Hi, I want to place navigation tool on left side of cesium globe how can achive this task?waiting for your reply Thanks

[Larcius]

you can achieve this by setting the CSS property left for compass, navigation controls and distance legend, i.e. like this:

<style type="text/css">
.compass {
    left: 0 !important;
}
.navigation-controls {
    left: 30px !important;
}
.distance-legend {
    left: 25px !important;
}
</style>

However, this ist just a quickwin, not a clean and robust solution. But hopefully it fits your needs for the moment.

[adeelahmed1981]

you can achieve this by setting the CSS property left for compass and navigation controls, i.e. like this:

<style type="text/css">
.compass {
    left: 0 !important;
}
.navigation-controls {
    left: 30px !important;
}
</style>

However, this ist just a quickwin, not a clean and robust solution. But hopefully it fits your needs for the moment.

Hi @Larcius thanks for your quick response your solution is working i have one more query is there any possibility that we can also move distance legend from right to left as we move compass ? thanks

[Larcius]

oh, i forgot about that. I just updated my answer from march.

[adeelahmed1981]

@Larcius thanks for your reply