cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Tapesh
Post Prodigy
Post Prodigy

Can we make HTML text Box A responsive or dynamic box ?

Hi All 

 

I'm trying to create some responsive app, i know HTML is good for a lot of stuff when it comes to Appearance of any application, 

 

Hence I'm just a bit confused, is there any way where we can make HTML Text Box a responsive so that it adapts the height and width the way screen changes. 

 

 

If yes how can we do? 

 

Any suggestions on this ? 

 

Please my solution below, the image which shows the result of HTML text box, which is static and fixed at one position how ever i need that to be dynamic.

 

The code

"<div style='margin:10px;width:589px;height:112px;background-color:#;box-shadow:0 3px 6px 1px  #ccc; border-radius:15px'>

</div> "

result

Untitled.png

Thanks 

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
v-bofeng-msft
Community Support
Community Support

Hi @Tapesh :

Do you want to create responsive HTML images?

The answer is yes.

The key is to use "&" to connect the string and the formula.

Ive made a test for your reference:

 

"<div style='margin:10px;width:" & Parent.Width / 2 & "px;height:" & Parent.Height / 2 & "px;background-color:#;box-shadow:0 3px 6px 1px  #ccc; border-radius:15px'>
</div> "
/* The length and width of the image will automatically become half of the screen*/

 

 

Best Regards,

Bof

View solution in original post

3 REPLIES 3

Not quite understanding your question - in the html snip you've posted, there is an absolute width and height. 

See https://www.w3schools.com/html/html_responsive.asp for more info on how to make your html responsive to the available viewport.

v-bofeng-msft
Community Support
Community Support

Hi @Tapesh :

Do you want to create responsive HTML images?

The answer is yes.

The key is to use "&" to connect the string and the formula.

Ive made a test for your reference:

 

"<div style='margin:10px;width:" & Parent.Width / 2 & "px;height:" & Parent.Height / 2 & "px;background-color:#;box-shadow:0 3px 6px 1px  #ccc; border-radius:15px'>
</div> "
/* The length and width of the image will automatically become half of the screen*/

 

 

Best Regards,

Bof

@v-bofeng-msft 

 

Thanks so much for the help and support this was really needed as i was looking for solution related to this since long.  Thanks a lot for your help again. 

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Power Platform Call June 2022 768x460.png

Power Platform Community Call

Join us for the next call on June 15, 2022 at 8am PDT.

PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

PA.JPG

New Release Planning Portal (Preview)

Check out our new release planning portal, an interactive way to plan and prepare for upcoming features in Power Platform.

Users online (3,092)