topic Horizontal legend using the javascript api? in ArcGIS JavaScript Maps SDK Questions

Horizontal legend using the javascript api?

DavidYarnell — Tue, 25 Nov 2014 19:01:09 GMT

I'm trying to create a legend that is horizontal using the javascript api. I can't seem to to it with the legenddijit. Has anyone been able to do this?

Re: Horizontal legend using the javascript api?

KellyHutchins — Sun, 12 Dec 2021 05:29:28 GMT

Ran a few quick tests and it looks like you can do this using css. The legend is created using tables and rows so if you set the row to float left you should get a horizontally aligned legend. Here's the css I added to my test app:

      .esriLegendLayer tr{
        float:left;
      }

And here's a fiddle showing my test app:

Edit fiddle - JSFiddle

Re: Horizontal legend using the javascript api?

DavidYarnell — Wed, 26 Nov 2014 05:53:52 GMT

Thanks Kelly this worked great!!