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

Finde mehr Beiträge mit dem Tag

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

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Alle Communities
Neueste Beiträge
Gefolgter Inhalt
Community-Hilfe

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