Changing Style for Line Scalebar

755
5
Jump to solution
10-28-2016 11:59 PM
TimHayes1
Occasional Contributor III

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.

Tags (2)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

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;
}

View solution in original post

5 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

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;
}
TimHayes1
Occasional Contributor III

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

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Tim,


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

0 Kudos
Rohit_Venkat_GandhiMendadhala4
New Contributor

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

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

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.

0 Kudos