cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
rprahalad
Helper V
Helper V

Which Control to use to create a rectangle with a title header?

Hello All,

 

How can I create a rectangle with a header and contents like the attached screenshot? Can you please let me now the main controls that I can use? Thanks

1 ACCEPTED SOLUTION

Accepted Solutions
TheRobRush
Super User
Super User

To kind of expand on what Randy said, you will want to layer these items so like

 

rectangle with black outline

on top of that a label with white fill and no outline with your text (this gives illusion its text interrupting line of rectangle)

then on top of those another label with a black outline for the center text box.

_____________________________________________________________________________________
Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.
This helps others find solutions to future issues!

View solution in original post

6 REPLIES 6
RandyHayes
Super User
Super User

@rprahalad 

You will need a rectangle control and a label control to do that.

 

I hope this is helpful for you.

_____________________________________________________________________________________
Digging it? - Click on the Thumbs Up below. Solved your problem? - Click on Accept as Solution below. Others seeking the same answers will be happy you did.
NOTE: My normal response times will be Mon to Fri from 1 PM to 10 PM UTC (and lots of other times too!)
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes

Really want to show your appreciation? Buy Me A Cup Of Coffee!
TheRobRush
Super User
Super User

To kind of expand on what Randy said, you will want to layer these items so like

 

rectangle with black outline

on top of that a label with white fill and no outline with your text (this gives illusion its text interrupting line of rectangle)

then on top of those another label with a black outline for the center text box.

_____________________________________________________________________________________
Like my answer? - Hit that Thumbs Up. Resolved the Issue? - Hit Accept as Solution.
This helps others find solutions to future issues!

Thanks @RandyHayes . But how do I get a break on the top border? I tried it but I just can't seem to get a smooth look like the image. 

Thanks @TheRobRush ! This looks like it as I was struggling in exactly what you suggested! I shall try it out now.  Appreciate both your responses. 

@rprahalad 

Yes, as @rprahalad mentioned - a white fill will give you that effect.

_____________________________________________________________________________________
Digging it? - Click on the Thumbs Up below. Solved your problem? - Click on Accept as Solution below. Others seeking the same answers will be happy you did.
NOTE: My normal response times will be Mon to Fri from 1 PM to 10 PM UTC (and lots of other times too!)
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes

Really want to show your appreciation? Buy Me A Cup Of Coffee!
rprahalad
Helper V
Helper V

I will try implementing this later today or tomorrow and mark the solution and close the thread accordingly. 

Helpful resources

Announcements
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.

Top Solution Authors
Top Kudoed Authors
Users online (2,563)