nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

how change scalebar position

parvazparvaz

Hi
I want to change scale bar position in my flex application. how can I change it's position?
Regards
A.ponker

タグ付けされた投稿をもっと見る

Accepted answers

rscheitlin

Anjelina,

Repositioning the scalebar can be done by placing the following css attribute in the default.css file:

esri|ScaleBar {  left: 60;  bottom: 55; }

Don't forget to click the Mark as answer check on this post and to click the top arrow (promote).
Follow the steps as shown in the below graphic:

All comments

AlexSanders

Is there a horizontal align center call in css for the scale bar so that it will be positioned in the middle of the screen no matter the users monitor resolution?

parvazparvaz

Hi
Many thanks.

rscheitlin

Anjelina,

Repositioning the scalebar can be done by placing the following css attribute in the default.css file:

esri|ScaleBar {  left: 60;  bottom: 55; }

Don't forget to click the Mark as answer check on this post and to click the top arrow (promote).
Follow the steps as shown in the below graphic:

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.