Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

Oracle Maps region responsive to screen height

effdeeem4 days ago

Hi,

(Apex 23.2)

I have a map region that is currently set to 650 pixels in height, but would like it to be responsive to screen height. I've tried adding 100vh to the css for both the region container and the actual map container, however the 650 pixels overrides any css tried.

.mapRegionHeight{
height:100vh;
height: calc(var(--vh, 1vh) * 100);
}

I've also tried jQuery function to resize the region manually (which does work), however the map doesn't respond given that the height is fixed to 650px.

$( function() {
$( "#mapRegion" ).resizable({
handles: "s"
});
}
);

Is there a way to make the map scale to screen height (not mobile necessary)?

Many thanks in advance,

This post has been answered by Carsten Czarski-Oracle on Apr 3 2025
Jump to Answer

Comments

Post Details

Added 4 days ago
3 comments
96 views