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

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
frostyfriday
Posts: 33
Joined: Mon Jan 29, 2018 5:22 pm
Location: Nanaimo, BC and Portland OR
Contact:

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

Post by frostyfriday » Thu Feb 22, 2018 11:49 pm

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 286 times
Dennis Frost
-----------------------------------------------------
Awden Photography - http://Awden.com

Virtual tour samples: http://bit.ly/PaintedBoat, http://bit.ly/ShelterPoint, https://roundme.com/embed/hB6FOhIv0JvPfnQhk0F2

CarstenT
Posts: 9
Joined: Thu Oct 27, 2011 10:17 am

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

Post by CarstenT » Fri Feb 23, 2018 10:05 am

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

User avatar
Hopki
Gnome
Posts: 8913
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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

Post by Hopki » Fri Feb 23, 2018 3:43 pm

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

User avatar
frostyfriday
Posts: 33
Joined: Mon Jan 29, 2018 5:22 pm
Location: Nanaimo, BC and Portland OR
Contact:

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

Post by frostyfriday » Tue Feb 27, 2018 12:22 am

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
Dennis Frost
-----------------------------------------------------
Awden Photography - http://Awden.com

Virtual tour samples: http://bit.ly/PaintedBoat, http://bit.ly/ShelterPoint, https://roundme.com/embed/hB6FOhIv0JvPfnQhk0F2

Post Reply

Who is online

Users browsing this forum: No registered users and 7 guests