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

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
Microsoft
Microsoft

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

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

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

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.

Microsoft
Microsoft

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

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

Tapesh Post Patron
Post Patron

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

@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
MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.

‘Better Together’ T-Shirt Contest – Winner Announced!

‘Better Together’ T-Shirt Contest – Winner Announced!

And the winner is...

firstImage

New Ranks and Rank Icons released on April 21!

The time has come: We are finally able to share more details on the brand-new ranks coming to the Power Apps Community!

Power Platform 2020 release wave 1 plan

Power Platform 2020 release wave 1 plan

Features releasing from April 2020 through September 2020

Users online (6,058)