Horizontal legend using the javascript api?

[DavidYarnell]

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?

[KellyHutchins · Accepted solution]

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

[DavidYarnell]

Thanks Kelly this worked great!!