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

Encuentra más publicaciones etiquetadas con

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

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Todas las Comunidades
Publicaciones Recientes
Contenido Seguido
Ayuda de la Comunidad

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