How do you set the CSS for a Map object to get the Height to be 100% of the Screen?

[Kateryna Grynko]

Hi Laura,

Could you please point to where we can see the issue?

[laura6372139]

Yes, I'm sorry,I should have so indicated.

• The first sceen, click the image "la vall d'albaida"

• Second screen, Click in the list "rutas"

• Third screen, click the "vilas medievales".

  On the Vilas Medievales is the map which I can not adjust to the screen.

  Thaks!

[Serhii Kulibaba]

Hello laura!

Please, remove coderesizeMap();/code on Load event for page "pueblosvilas"

[pboloz]

Hi,

I am having the same problem. Screenshots show what I did so far, but it does not seem to work...

a rel="nofollow" /a

[Illya Stepanov]

Hi pboloz,

Please try next solution:
ol
liRemove all JavaScript code that you wrote for this purpose./li

liOpen gmaps component properties./li

liSet "Class Name" property as "fullScreenGMaps" http://prntscr.com/36iy53/direct/li

liCreate new CSS. And insert the following code:
precode
div.fullScreenGMaps{
position: absolute;
left: 0px;
right: 0px;
/* you need to adjust it for header /
top: 54px;
/ you need to adjust it for footer */
bottom: 54px;
width: auto;
height: auto;
}/code/pre
/li
That's all.

Regards./ol

[pboloz]

This simple solution worked! Thank you for giving me very detailed steps

[sowmen choudhury]

Thanks for the tip ...just that my inputs seems to got hidden behing, Any thought how would I get those over Map component??

[Illya Stepanov]

Hi Sowmen,

Please give us more details about your problem and your app.

May be you can make screenshots and describe them. What you have now and what should be as result.

In common use, if you have some components (like input or others) on top of the page. And you want to see it, but solution with map is covers its components, you could change your top position in the given CSS.

Just try to adjust this style, try to increase this PX value:
precode
top: 54px;
/code/pre
Regards.

[RobertJay]

I have what may be a related problem displaying my map in test mode in Firefox - http://screencast.com/t/FOk9ITdbHaV. I have set the size to 300px and the displayed map seems not to fully cover that size. Is there some css or other fix for that. Thanks.

[Yurii Orishchuk]

Hi Robert,

Unfortunatly your problem is not clear for us.

Your screen shot looks ok.

Please make some description about your screen shot to clarify it.

Regards.