Skip to main content
N
ncifelli1-Visitor
1-Visitor
April 9, 2019
Question

2D Panel Position

  • April 9, 2019
  • 1 reply
  • 4697 views

How can I properly dock a panel to the bottom of the users screen when I am in a 2D view? 

 

1.jpg - shows the effect I want to achieve. This was done by setting the class with the below CSS but this did not work in practice.

.UI-Bottom{
position: fixed;
bottom: 0px;
width: 100%;}

 

2.jpg - shows what the preview of 1.jpg looks like. The CSS does not hold the panel to the bottom

 

3.jpg - shows the panel with no CSS applied

1 reply

S
sdidier17-Peridot
17-Peridot
April 10, 2019

Hello,

 

To manage that I am using the Grid Widget.

 

  • Are you using it in the 2D canvas  in your example ?

 

Best regards,

Samuel

N
ncifelli1-VisitorAuthor
1-Visitor
April 10, 2019

Yes the view is purely 2D, so no 3D canvas.

I have a Top, Center, and Bottom Panel all with grid layouts in them. The issue is all the panels just stack on one another and I cannot position them where I would like.

S
sdidier17-Peridot
17-Peridot
April 10, 2019

Hello,

 

The best to troubleshoot that is to remove at first, all CSS  styles applied and to check what appends.

 

  • Does the Panels stack over each over without any Style applie on any Widgets ?

 

Best regards,

Samuel

Terms & ConditionsAccessibility statement