ExtJS 3 Make south panel go in between east and west panels - layout

I was hoping it is possible to make a south panel (in a border layout Viewport), go in between the east and west panels.
It is demonstrated in this video, however weight is a ExtJS 4 configuration.
Any ideas on how to accomplish this in ExtJS 3?

You nest configs. Your outer config defines east, west, and center, and you center has a center and a south. This puts 'south' between east and west, rather than spanning all three.

Related

ThreeJS | Hide the tube when my camera is within it

I have a scene with a Tube(Material side set to BackSide)and other things(not relevant to question) and a camera flying through the scene including travelling through the tube. I would like to hide the tube when the camera is within the tube.
Ideally setting the Tube to Front side would have solved this question. However the tube is set to backside by design. I could check the camera look at position and check if it is within the circumference of the tube, but figuring out the radial segment of the tube seems challenging.
In the picture, the tube needs to be hidden during the red dashed portion of the camera trajectory.
Any suggestions ?

Alloy Language Example

I started to learn alloy and for this question I don't know how to complete my code.
Description:
There are three lines shown:
the Jubilee line running north to south from
Stanmore ; and
the Central Line running west to east to Epping; and
the Circle line running
clockwise through Baker Street.
Question
There is no station in 3 line.
Line Circle forms a circle.
Line Jubilee forms a straight line that start from Stanmore
There is a station between Stanmore and Baker Street
we can travel from Baker Street to Epping

How to prevent west and East elements from overlapping center in BorderLayout

I'm trying to create a layout in this sketch
I want to have a vertical slider in the center, one SpanLabel on the left and another on the right.
I've tried using BorderLayout, but the SpanLabels overlap the slider if their texts are long. Is there a Layout that I could use to achieve a similar style or something I could do to fix BorderLayout?
CenterAbsolute and CenterCenter don't help in fixing this.
I'd use a TableLayout with percentages for each column to achieve this sort of layout.
BorderLayout assumes the preferred size of the elements on the sides/top/bottom isn't too big to cover everything so it's a bit problematic in some use cases.

GXT Borderlayout - West region to stretch to cover both center and south regions

Is it possible to configure the west region to stretch till the end of the layout, allowing it to be on the left on both the center and south regions? Meaning, height of west is equal to height of center and south. Instead of having the south region below both west and center regions.
Can this be done?
Have you tried to change the order of your add-statements?
Instead
add(South), add(West), add(Center)
use
add(West), add(South), add(center).

javafx change anchor for label

I need to change the anchorpoint for a label in JavaFX. I describe the anchor as the point that is picked to translate the underlying node. As default the anchorpoint seems to be the upper left edge.
I tried to solve the problem with an additional translation as described below:
double x_relocate = label.getBoundsInParent().getWidth();
label.setTranslateX(label.getTranslateX() - x_relocate);
double y_relocate = label.getBoundsInParent().getHeight();
label.setTranslateY(des.getTranslateY() + y_relocate);
The code should translate the label so that it acts like the anchorpoint would be in the lower right corner. This does not not work because at the point I do execute the code my bounding box for the label is [minX:0.0, minY:0.0, minZ:0.0, width:-1.0, height:-1.0, depth:0.0, maxX:-1.0, maxY:-1.0, maxZ:0.0].
Does anyone know a solution for this?
EDIT: Added a picture for better unterstanding
Okay, I solved the problem myself. Here is what I do:
give the labels a width and height that has enough space for the longest text
relocate the labels in every quadrant.
Set the text alignment in every quadrant
Example (width: 100, height: 15):
East to South: nothing to do here because the left upper edge is used by default
South to West
South to East: relocate the label 100 points to the right to have the upper right edge stick to the circle + set the text alignment to UPPER_RIGHT
I hope that help someone sometime.

Resources