How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Mon Nov 11, 2013 2:25 pm
Hi Laura,
Could you please point to where we can see the issue?
Forum | Appery.io
Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Page 2 of 3
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Mon Nov 11, 2013 2:32 pm
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!
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Mon Nov 11, 2013 4:00 pm
Hello laura!
Please, remove coderesizeMap();/code on Load event for page "pueblosvilas"
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Wed Apr 02, 2014 11:38 pm
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
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Thu Apr 03, 2014 2:25 am
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
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Thu Apr 03, 2014 8:59 am
This simple solution worked! Thank you for giving me very detailed steps 
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Sat Apr 19, 2014 5:49 pm
Thanks for the tip ...just that my inputs seems to got hidden behing, Any thought how would I get those over Map component??
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Tue Apr 22, 2014 1:06 am
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.
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Mon Jul 21, 2014 2:11 pm
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.
How do you set the CSS for a Map object to get the Height to be 100% of the Screen?
Posted: Mon Jul 21, 2014 11:35 pm
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.