JSFiddle - React, Tailwind, and code Playground

by schlomm

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
        <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
        <title>TOC with own modifications</title>
        <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">
        <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css" />
        <link rel="stylesheet" type="text/css" href="http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/latest/build/agsjs/css/agsjs.css" />
		<style>
            html, body {
                height: 98%;
                width: 98%;
                margin: 0;
                padding: 5px;
                font-family: helvetica, arial, sans-serif;
                font-size: 90%;
            }
            
            #leftPane {
                width: 280px;
                overflow: auto
            }
            
			.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail{
			border-color: #66FFFF !important;
			}
			
			 #map{
			padding:0;
			}
			
            /* this line hide layers when out of scale for the inline TOC */
            .agsjsTOCOutOfScale {
            /*  display: none;*/
            }
        </style>
		
		
        <script type="text/javascript">
            var djConfig = {
              parseOnLoad: false,
              packages: [{
                "name": "agsjs",
                //if you want to host on your own server, download from
                //http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/
                // and put in folders then use path like: 
                //"location": location.pathname.replace(/\/[^/]+$/, '') + '/../src/agsjs' 
                // use /src/ for debug and /build/ for production.
                // you can also...