question

Benjoe-2576 avatar image
0 Votes"
Benjoe-2576 asked azure-cxp-api edited

Move rounded textbox to bottom on page resize

I have created bootstrap carousel with image on it. Also I have a rounded textbox with some text position on the bottom right of the Image. It works fine on a full web page but now I want the textbox to move to bottom of the the carousel image when the page resizes to smaller scale using css and media query
113544-screenshot.png


windows-server-iisoffice-sharepoint-server-developmentdotnet-aspnet-generaldotnet-aspnet-mvc
screenshot.png (25.2 KiB)
· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hello @Benjoe-2576, You'd added azure-webapps tag, which is dedicated for questions specific to Azure App Service WebApps. To receive insights from the targetted SMEs/community I have added additional tags.

Please do try the suggestions shared by MichaelHan-MSFT and keep the community posted.
If you're leveraging Azure WebApps and have specific questions, kindly let us know with more details on it.

0 Votes 0 ·
Benjoe-2576 avatar image
0 Votes"
Benjoe-2576 answered MichaelHan-MSFT edited


Hi Mike,
I I have fixed it myself using media query to resize it. It is so unfortunate the asp.net mvc forum is no more. It was a perfect place to get help easily on asp.net mvc issues. This new environment is not helping. I couldn't even add html css code to my post. Finding it difficult to create tags so I have to pickup any tag which shows up

· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hi @Benjoe-2576,

Glad that you fixed it. Thanks for the sharing. I have converted you comment to an answer, you could accept it via the "Accept Answer" button to close this thread.

For asp.net related questions, you could choose the tags here: https://docs.microsoft.com/en-us/answers/products/dotnet.

And the tag for asp.net mvc is called dotnet-aspnet-mvc : https://docs.microsoft.com/en-us/answers/topics/dotnet-aspnet-mvc.html


0 Votes 0 ·
MichaelHan-MSFT avatar image
0 Votes"
MichaelHan-MSFT answered MichaelHan-MSFT converted comment to answer

Hi @Benjoe-2576,

You could set up the event handler using the addEventListener() method on windw resize event. When the resize event fires, use js code to mvoe the textbox to bottom.

You could refer to this article : Window: resize event





If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.