Skip to Content (Press Enter)
2022-07-21 14-07-25
Abeer elAssal
 
MVP
360Views
6Comments
relative and absolute position on main placeholder
Question

How can I achieve this,


I created a place holder, with these properties, but I want the main content to fill the entire space between the two placeholders, plus when the menu appears I want it to have the same behavior with the main content, any ideas?


0
0
12 Sep 2020
Copy Link
2020-07-29 19-08-40
Sanjay Kumar Sahu

Hello Abeer,


I'm not sure exactly what you want to achieve but I guess, you want to hide placeholder when you click on cross mark and display main content in full screen? For this requirement, you can simply use container which you want to hide/display and bind its visible property to a boolean local var(eg: ShowPanel). Now while clicking on cross icon, you have to trigger a client action which will assign true/false to this local boolean var. You can use 2 containers side by side and controls its visibility like above. In Styles property of container, choose 'fill' for width so that it can display in whole screen.

hope it helps!

Thanks,

Sanjay

0
0
12 Sep 2020
Copy Link
2022-07-21 14-07-25
Abeer elAssal
 
MVP

Sanjay Kumar Sahu wrote:

Hello Abeer,


I'm not sure exactly what you want to achieve but I guess, you want to hide placeholder when you click on cross mark and display main content in full screen? For this requirement, you can simply use container which you want to hide/display and bind its visible property to a boolean local var(eg: ShowPanel). Now while clicking on cross icon, you have to trigger a client action which will assign true/false to this local boolean var. You can use 2 containers side by side and controls its visibility like above. In Styles property of container, choose 'fill' for width so that it can display in whole screen.

hope it helps!

Thanks,

Sanjay

 Hi, thanks a lot for your reply, but that's not exactly what i want, what's need is three containers as you see, one right, one left and the middle is filling the rest of the space, plus when a menu is shown from right it should take more space not over something else.

 

0
0
13 Sep 2020
Copy Link
UserImage.jpg
Faisal WaheedUllah

Abeer ElAssal wrote:

Sanjay Kumar Sahu wrote:

Hello Abeer,


I'm not sure exactly what you want to achieve but I guess, you want to hide placeholder when you click on cross mark and display main content in full screen? For this requirement, you can simply use container which you want to hide/display and bind its visible property to a boolean local var(eg: ShowPanel). Now while clicking on cross icon, you have to trigger a client action which will assign true/false to this local boolean var. You can use 2 containers side by side and controls its visibility like above. In Styles property of container, choose 'fill' for width so that it can display in whole screen.

hope it helps!

Thanks,

Sanjay

 Hi, thanks a lot for your reply, but that's not exactly what i want, what's need is three containers as you see, one right, one left and the middle is filling the rest of the space, plus when a menu is shown from right it should take more space not over something else.

 

 

 Hey Abeer 

For the menu in the properties area of Layout/SideMenu just keep the Behavior "Expandable" 

Hope it helps 


Regards,Faisal 

0
0
13 Sep 2020
Copy Link
2020-07-29 19-08-40
Sanjay Kumar Sahu

Hello Abeer,


If possible, please post OML file. It can be achieved with CSS certainly, for that I will have to check UI structure and also if some CSS class will be overwriting while rendering.


Thanks,

Sanjay

0
0
14 Sep 2020
Copy Link
2022-07-21 14-07-25
Abeer elAssal
 
MVP

Sanjay Kumar Sahu wrote:

Hello Abeer,


If possible, please post OML file. It can be achieved with CSS certainly, for that I will have to check UI structure and also if some CSS class will be overwriting while rendering.


Thanks,

Sanjay

 I attached the OML, you will see following:

this as  start doesn't srart at the top:

I want the main container in the middle to take the space of what's left even when more items and right and left containers are taking more place.

 

this container will have some items with visible or not property that will be changing, so each time an item is visible i want it ti take more space


MenuTrial.oml
0
0
14 Sep 2020
Copy Link
UserImage.jpg
Manoj Kumar Chennareddy

Replying to Abeer elAssal's comment on 14 Sep 2020 09:12:57

Any update on this have acheived this solution. please let me know the process iam facing same error.


0
0
03 Dec 2024
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.