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

Symbol Covering Progress Bar

JannalynPontello

I have a progress bar on my Silverlight web map that is being covered by a plus symbol in the center of the map. I'm guessing the symbol is built in somehow, because I never added it. I need it to go away because users cannot see the percent complete on the progress bar, but I don't know where it's added. I checked the ESRI templates that can be downloaded and noticed one of them didn't have the symbol on the map, but I can't figure out what's different between that template and my own app. Any ideas?

Find more posts tagged with

Accepted answers

chuckyboy81070

there is probably a couple of lines like

                    <Rectangle Width="2" Height="10" Fill="Black" Opacity="0.75" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False" />                     <Rectangle Height="2" Width="10" Fill="Black" Opacity="0.75" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False" />

somewhere in MainPage.xaml. Remove them.

Lance

All comments

JannalynPontello

You were correct orginally. I somehow removed my ZoomFillSymbol, so it looked like removing those rectangles caused an issue. I wonder why they were even there to begin with, because my site works perfectly. Thanks for your quick help.

chuckyboy81070

my guess is that you removed the wrong one(s).

And yes, you can make the cross-hair visible/collapsed by putting it in a grid and binding it's visibility to a property (and implementing INotifyPropertyChanged) in the code-behind. You may need to use a ValueConverter to convert from Boolean to Visibility, depending on how you want to do it.

Lance

JannalynPontello

If I remove them, then I lose the rectangle that draws when users zoom in and out. My website will be used by an older audience, so I need them to show up. Do you know if I can apply an attribute to the xaml so that the plus doesn't show? I'm not a programmer by trade, so it's at least good to know where the symbol is coming from.

chuckyboy81070

there is probably a couple of lines like

                    <Rectangle Width="2" Height="10" Fill="Black" Opacity="0.75" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False" />                     <Rectangle Height="2" Width="10" Fill="Black" Opacity="0.75" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False" />

somewhere in MainPage.xaml. Remove them.

Lance

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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