I have a div that I want to put inside the map, but either placing 'sidePanel' outside or inside 'viewDiv' don't work. I'm curious about is there any approach other than customizing a widget with TypeScript and SASS? To be specific, is it possible to do those widget tricks with generic HTML and CSS like I'm attempting?
my code :
Snippet
<style>
html, body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#sidePanel {
background-color:#f00;
height: 100px;
width: 100px;
}
</style>
Snippet<div id="sidePanel"></div>
<div id="viewDiv" class="esri-widget"></div>
screenshot :