Page 1 of 1

How to resize a text box that is between arrows on the left and right of the screen

Posted: Thu Feb 22, 2018 11:49 pm
by frostyfriday
I want to place an arrow on the bottom left and bottom right of the screen.
Then I want to have a text box between the two arrows connecting them so there will be a black strip at the bottom of the screen with a previous and next arrow on each side with the title of the pano in the middle.

I can get the arrows in pace easily enough by anchoring them to the bottom left for the one and bottom right for the other, and I can anchor the text to the bottom middle.

It all looks good, but what do I do when the screen changes size, either on a different device or the user changes the size of the browser on a desktop?
I end up with a gap between the buttons and the text.

What is the best way to dynamically deal with this. I can't find it.
20180222_144457.jpg
20180222_144457.jpg (93.6 KiB) Viewed 1886 times

Re: How to resize a text box that is between arrows on the left and right of the screen

Posted: Fri Feb 23, 2018 10:05 am
by CarstenT
Will this work for you?

In the simplex skin textbox:
Position: X 0,00 Percent, Y 280 pixels, Anchor to bottom bar
Size: Width 100%, Height 20 pixels

The arrows above that tetx box. I only see a problem if the window is so small that the text will run under the arrow.

Greetings

CTR

Re: How to resize a text box that is between arrows on the left and right of the screen

Posted: Fri Feb 23, 2018 3:43 pm
by Hopki
Hi Dennis,
Why not add the text box 100% width with it anchored bottom left starting a X = 0px
Yes it will be the full width but then place the arrow buttons on top either side.
If the buttons don't have any background then use a rectangle in between the text box and button.
The text box would have the text aligned centre.
Simple and works.
Regards,
Hopki

Re: How to resize a text box that is between arrows on the left and right of the screen

Posted: Tue Feb 27, 2018 12:22 am
by frostyfriday
Thanks Hopki and CarstenT, the solution was so simple and obvious. Sometimes you can't see the forrest for the trees!

Changing the width measurement from pixels to a percent made it a no brainer!

Before I read your posts, I made the textbox 3000 pixels wide and anchored it centered it on the bottom and then placed the arrows anchored left and right. Worked but seemed very inelegant.

I spent two hours on the ferry last night trying to figure out another very simple problem. I'll try fighting it a bit more then I'll post it too.

-Dennis