topic Re: ESRI Logo not showing on my map. Why? in ArcGIS JavaScript Maps SDK Questions

ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 16:28:43 GMT

Hi all,
It seems like It is necessary to show the web application with the "Power by ESRI" logo for any web maps. For some reasons, the ESRI logo is not showing on mine. I am not sure why. http://jsbin.com/ficetiwo/7/edit. Anyone has an idea?
Thank you,
Alex

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 16:41:29 GMT

You are using a <section> for your map and not a <div>.

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 16:46:03 GMT

You are using a <section> for your map and not a <div>.

hmmm. Does that really matter? I have just replaced section by div. The logo is still not showing

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 16:49:03 GMT

That might not be 100% true but it has something to do all the sections in the map domNode.

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 16:57:38 GMT

That might not be 100% true but it has something to do all the sections in the map domNode.

Good to know. I will use <div> from now on. I am still unable to see the ESRI logo though. Thank you for your advice and help.
Alex

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 16:57:39 GMT

Scratch previous. The logo is there but map overflow is hidden. Why put all those extra elements in the map's domNode? They are making the map overflow. The only thing you should have in the map in the home button div.

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 17:09:52 GMT

Scratch previous. The logo is there but map overflow is hidden. Why put all those extra elements in the map's domNode? They are making the map overflow. The only thing you should have in the map in the home button div.

That's a good question. Well I just like to have the toolbar within the map frame. It can be resized by users, It is right there with the map and I think it looks good. That being said, I have no idea how to have the toolbar behave in a similar fashion to what I currently have without having the toolbar within the map element.

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 17:20:00 GMT

I see. You can use a border container as a region (no height or width required). Set the toolbar as the top region and the map as the center region therein.

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 17:21:54 GMT

I see. You can use a border container as a region (no height or width required). Set the toolbar as the top region and the map as the center region therein.

Wont that mess up my header though? I am just guessing here.

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 17:39:35 GMT

Will not.

In your case:
[HTML]<div type="bc" props="design:'headline', liveSplitters:false">
    <div type="cp" props="region:'top'">
        header
    </div>
    <div type="bc" props="region:'center', design:'sidebar', liveSplitters:true">
        <div type="cp" props="region:'left'">
            left
        </div>
        <div type="tb" props="region:'top', splitter:false">
            toolbar
        </div>
        <div id="map" type="cp" props="region:'center'">
            map
        </div>
    </div>
</div>[/HTML]
(just for structure :))

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 18:42:02 GMT

Will not.

In your case:
[HTML]<div type="bc" props="design:'headline', liveSplitters:false">
    <div type="cp" props="region:'top'">
        header
    </div>
    <div type="bc" props="region:'center', design:'sidebar', liveSplitters:true">
        <div type="cp" props="region:'left'">
            left
        </div>
        <div type="tb" props="region:'top', splitter:false">
            toolbar
        </div>
        <div id="map" type="cp" props="region:'center'">
            map
        </div>
    </div>
</div>[/HTML]
(just for structure :))

Thank you! I am going to reshape my code then!

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 18:58:43 GMT

Alright I like it except two things:
1) toolbar that is in a brodercontainer has borders. I would like to remove the borders.
2) The legend is just below the toolbar

Is there a way to change that? Overwise this is a great technique.
Thanks ,
Alex

[ATTACH=CONFIG]33879[/ATTACH]

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 19:08:21 GMT

1) override with css

2) set the center region border container prop "design:'sidebar'"

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 19:29:53 GMT

1) override with css

2) set the center region border container prop "design:'sidebar'"

Almost got it all. Looks better and better. Now how do I override borders with css. I m not very familiar with overriding elements in css.

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 19:40:15 GMT

Inspect the element with your browser's dev tools (i use firebug w/ firefox). It allows to see what styles are applied to an element and play around with styles in real time w/o reloading the page.

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Sat, 11 Dec 2021 11:07:19 GMT

Inspect the element with your browser's dev tools (i use firebug w/ firefox). It allows to see what styles are applied to an element and play around with styles in real time w/o reloading the page.

That is what I do. I can remove borders using firefox firebug live edits. but when I copy what I changed to my css file:

.claro .dijitSplitterH, .claro .dijitGutterH {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 0px;
}

I am not sure I can override this one.

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 20:21:05 GMT

You're talking about the gutters. Instead of changing css, set center border container prop "gutters:false".

Re: ESRI Logo not showing on my map. Why?

AlexGole1 — Fri, 16 May 2014 20:24:32 GMT

You're talking about the gutters. Instead of changing css, set center border container prop "gutters:false".

You got it. My app looks fantastic now, just as I want it to look. Thank you!

Re: ESRI Logo not showing on my map. Why?

BenFousek — Fri, 16 May 2014 20:30:27 GMT

You bet. Have a great weekend.