Layout - Area overlay

Hi

I have defined two areas in the layout: “Area1” and “Area2”, with Area2 placed on top of Area1. I can place buttons in Area1, and they are functional as long as they are outside the region that is overlapped by Area2.

Even though Area2 only contains empty content, I still cannot interact with a button in Area1 if it is located within the bounds of Area2. Is there any way to fix this?

I want Area1 to be defined globally across all pages (i.e., always the same content), and Area2 should be page-specific. However, I don’t want to define a separate layout for each page. That’s why my idea was to keep the layout and areas consistent and simply ensure that buttons are only placed in Area1 where Area2 doesn’t overlap (leaving it up to the user to avoid overlaps). But currently, I can’t interact with buttons in Area1 if they are within the Area2 region.

Hi,

Could you share the layout and page file you are using?
I didn’t really get the point of overlap 2 areas maybe you could share a visual?
In your case I would create something like a first area1 as a header that contains always same content (Navigation for example). Second area2 is the page specific.

Regards,
Florent

Sorry I can’t upload attachment because I’m a new user ?!?

Anyway this is the Layout in my projekt

so as you see on the bottom I have one Area going over the whole width of the display, let’s call this “areaMainBottom”. The Content connected to this area should be the same for all pages.

then I have a second area (the slightly darker area) above this one, somewhere in the middle, let’s call it “areaPageBottom”.

The question now is, can I use the zone in “areaMainBottom” which is overlapped by “areaPageBottom” if the “areaPageBottom” is kept empty?

Here is an example, I have this layout:

In this layout the area2 is placed in front of area1.

If I assign to area1 a content that have a button that is placed just at the position of area2, there is 2 possibilities:

  1. In the .page file you didn’t assigned a content to area2, the button will be clickable and visible.
  2. In the .page file you assigned a content to area2, the button will not be clickable but will be visible.

So there is 2 things to check if the area has a content assigned in the page and also check the order of the area in the layout.

Layout is just areas put on top of each others, if there is a content assigned to an area you can’t interact with the under ones. If there is no content assigned to an area she is ignored.

At least I just tested it using AS6.3 and mappView 6.4.

Hope it more clear for you!

Regards,
Florent

1 Like

So lets say we have that layout you did. Now I have two rows of buttons (green)

in the area1 assigned content.

normally the space left from area2 is enough for all the buttons, but at some point you need one more button and want to place it next to the other ones. This means the button in area1 assigned content is placed in position of area2.

area2 also have buttons (blue). Because I know that area 1 needs one more button, I keep this space free in area2 content and fill the content just next to the position of the green button with the blue buttons area2 content. But then the green Btn1 is visible but not clickable like you mentioned before.

But how could I define such areas? I woul need to do 3 areas right? area 1, area2 and an area3 for just the button “Btn2”?

What you describe here, it not really supported / intended by mapp View. The approach you’re outlining is more as it was in VC4 - having “layers” and show / hide these layers.

In mapp View there are different other solutions for your use case, as example:

  • have different contents (with different set of buttons) - and load the content (ContentControl) which is needed for your current situation.
  • place all (potentially) needed buttons in a GroupBox with relative positioning - and set the visibility of the buttons you need / want to hide.

CHH

3 Likes