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

Trouver plus de publications taguées avec

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

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Toutes les communautés
Publications récentes
Contenu suivi
Aide communautaire

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