Move rounded textbox to bottom on page resize

Benjoe 431 Reputation points
2021-07-11T05:47:38.38+00:00

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

Internet Information Services
ASP.NET
ASP.NET
A set of technologies in the .NET Framework for building web applications and XML web services.
3,245 questions
SharePoint Server Development
SharePoint Server Development
SharePoint Server: A family of Microsoft on-premises document management and storage systems.Development: The process of researching, productizing, and refining new or existing technologies.
1,569 questions
Accepted answer
  1. Benjoe 431 Reputation points
    2021-07-12T20:10:34.283+00:00

    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 additional answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. MichaelHan-MSFT 18,016 Reputation points
    2021-07-12T06:50:31.677+00:00

    Hi @Benjoe ,

    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.

    0 comments