topic Changing Style for Line Scalebar in ArcGIS Web AppBuilder Questions

Changing Style for Line Scalebar

TimHayes1 — Sat, 29 Oct 2016 06:59:54 GMT

I am using WAB Developer Edition 2.0.

Can someone assist me in checking this code? I am trying to change the style of Line (not the Ruler) Scalebar in the Scalebar Widget. Here is the css style code I modified, but it does not seem to change the Line Scalebar.

What needs to be changed or added?

Thank you in advance for your help.

Re: Changing Style for Line Scalebar

RobertScheitlin__GISP — Sat, 11 Dec 2021 16:27:39 GMT

Tim,

Here is the new css rules:

.jimu-widget-scalebar .esriScalebarLine {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 12px;
    border: 4px solid #444444;
}
.jimu-widget-scalebar .esriScalebarEnglishLine {
    border-bottom-style: none;
    top: -9px;
}‍‍‍‍‍‍‍‍‍‍‍

Re: Changing Style for Line Scalebar

TimHayes1 — Sat, 29 Oct 2016 19:45:58 GMT

Thanks Robert. I am still refreshing my memory on the CSS Rules. It's been awhile.

Re: Changing Style for Line Scalebar

RobertScheitlin__GISP — Sat, 29 Oct 2016 20:05:16 GMT

Tim,

No problem. I was not sure exactly you wanted to change so I just made the line thicker.

Re: Changing Style for Line Scalebar

Rohit_Venkat_GandhiMendadhala4 — Tue, 08 Nov 2016 20:14:17 GMT

Can we change the style of the scale bar in the layout in Arc GIS Pro using Python?

Re: Changing Style for Line Scalebar

RobertScheitlin__GISP — Tue, 08 Nov 2016 20:18:02 GMT

Rohit,

You will want to pay attention to the GeoNet Space you post questions in. This is the Web AppBuilder space and is not appropriate for ArcGIS Pro or Pyton questions.