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.
How to resize a text box that is between arrows on the left and right of the screen
- frostyfriday
- Posts: 35
- Joined: Mon Jan 29, 2018 5:22 pm
- Location: Nanaimo, BC and Portland OR
- Contact:
Dennis Frost
-----------------------------------------------------
Awden Photography - http://Awden.com
Virtual tour samples: http://bit.ly/PaintedBoat, http://bit.ly/ShelterPoint, https://roundme.com/embed/hB6FOhIv0JvPfnQhk0F2
-----------------------------------------------------
Awden Photography - http://Awden.com
Virtual tour samples: http://bit.ly/PaintedBoat, http://bit.ly/ShelterPoint, https://roundme.com/embed/hB6FOhIv0JvPfnQhk0F2
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
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
- Hopki
- Gnome
- Posts: 13005
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
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
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
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
- frostyfriday
- Posts: 35
- Joined: Mon Jan 29, 2018 5:22 pm
- Location: Nanaimo, BC and Portland OR
- Contact:
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
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
-----------------------------------------------------
Awden Photography - http://Awden.com
Virtual tour samples: http://bit.ly/PaintedBoat, http://bit.ly/ShelterPoint, https://roundme.com/embed/hB6FOhIv0JvPfnQhk0F2