Apex Code Development You need to sign in to do that
Don't have an account?
Gauri Kasat 8 full screen the div after clicking on the same div
Hi all,
my requirement is the map should get fullscreen after clicking on it.
i have added the vf page containing map in the page layout of the custom object.
Code:
<body>
<apex:form >
<div id="wrapper" >
<div id="leftcolumn" style="overflow: scroll; overflow-x: scroll;">
<apex:pageBlock id="pb1" title="Route on Map" ><!-- onclick="popupScreen();{return false;}" -->
<div id="map" style="width: 480px; height: 400px;"></div>
</apex:pageBlock>
<div class="slds-scope" >
<div class="slds-grid slds-wrap" >
<div class="slds-size_2-of-9">
<img src="https://chart.googleapis.com/chart?chst=d_map_xpin_letter&chld=pin_star||5AD549|000000|FF0000" style="padding-left:5px;" />
<b style="font-size: 12px;color:#E5E4E2;">Start Location,</b>
</div>
<div class="slds-size_2-of-9">
<img src="https://chart.googleapis.com/chart?chst=d_map_pin_letter_withshadow&chld=|EEEE14|000000" style="padding-left:5px;"/>
<b style="font-size: 12px;color:#E5E4E2;">Interval,</b>
</div>
<div class="slds-size_2-of-9">
<img src="https://chart.googleapis.com/chart?chst=d_map_pin_letter_withshadow&chld=|00BFFF|000000" style="padding-left:5px;"/>
<b style="font-size: 12px;color:#E5E4E2;">CheckIn Location,</b>
</div>
<div class="slds-size_2-of-9">
<img src="https://chart.googleapis.com/chart?chst=d_map_pin_letter_withshadow&chld=|FF0000|000000" style="padding-left:5px;"/>
<b style="font-size: 12px;color:#E5E4E2;">Stop Location</b>
</div>
</div>
</div>
</div>
</div>
</apex:form>
</body>
Please do help..