I am new to EXB (Develope Edition).
The map-info line at bottom of screen occupies "precious" space...
It actually contains 2 parts - long part of general info, and short part - "Powered by Esri"
I need to hide the whole info-line so I can put my customised coordinate widgets at bottom of screen.
(replacing the long info by my coordinate widget and displaying only "Powered by Esri" is also an option).
I have not succeeded to locate the "info-line" widget in order to remove it.
Maybe adding "display: none" is practical, but I don't know how to do it.
Solved! Go to Solution.
Be aware that removing the attribution line will in almost all cases violate the terms of service.
With that said, this bit of css appears to work.
.exbmap-ui-group-attributionGroup {
display: none;
}
Piggybacking off of @JeffreyThompson2, you could also use that css selector to move the attribution div to wherever you want within its containing html element or the screen space.
Here are a few ways to add css in Experience Builder.
Be aware that removing the attribution line will in almost all cases violate the terms of service.
With that said, this bit of css appears to work.
.exbmap-ui-group-attributionGroup {
display: none;
}
I am seconding this. While technically possible, I would not recommend doing so.
Essentially, it's like stealing.
Piggybacking off of @JeffreyThompson2, you could also use that css selector to move the attribution div to wherever you want within its containing html element or the screen space.
@JeffreyThompson2 If I want to try, I don't know WHERE to do this, and HOW, because implementing css in react is so different than in regular js...
What I want is to put coordinates widget at bottom, so it's not disturbed. Maybe displaying "Powered by Esri" alone, at right or left corner, or play with z-index. But' as I said, I don't know where and how to do such things.
Here are a few ways to add css in Experience Builder.
@JeffreyThompson2 Thank you! I'll try the ways you presented. Meanwhile I searched for "bottom-line1" in whole client, and changed marginBottom to -17px. I did it in pc-layout-json.ts but I had to do the same also in the 2 js files. I still do not understand why those 2 js files are not automatically built from ts and tsx files...
( I used "blank page" and no template when creating the exb app)