nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Responsive design via an iframe for ArcGIS Java Script API 3.2

SunilPalkar

Hello All,

Currently I am working on ArcGIS JSAPI ver 3.0/3.2 . I have created few maps in .html files then my IT admin putting this file in i-frame (at our custom site)

I am not using i-frame in my .html file. Interesting fact is that when I access the map on various device say (i-pad ,tab ,laptop ,mobile) my map is not resizing properly even I am testing in Firefox (Responsive Design View) its not resizing.

1.I have inserted the meta tags for i-os still its not resizing.

2.Checking the CSS also (CSS might not the issue)

3.Going though similar questions 1 , 2

4.Researching on this at my end

Any help/suggestions will be great.. thanks..

Complete code @ JS Fiddle

Vind meer berichten getagd met

Accepted answers

RahulMetangale1

Sunil,

Try following:
http://stackoverflow.com/a/12678294

All comments

SunilPalkar

@Rahul

thanks for the code. Its working fine now.

What we did is that created custom CSS + applied your code.

Its working cool...

thanks once again Rahul : )

Thank Rahul.. I will check and let you know..

thanks once again : )

SunilPalkar

Thank Rahul.. I will check and let you know..

thanks once again : )

Sunil,

Try following:
http://stackoverflow.com/a/12678294

RahulMetangale1

Sunil,

Try following:
http://stackoverflow.com/a/12678294

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Alle Gemeenschappen
Recente Berichten
Gevolgde Inhoud
Community Hulp

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.