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
Impactful Individual
Impactful Individual

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 III
Super User III

@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.
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes
TheRobRush
Impactful Individual
Impactful Individual

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

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.
Check out my PowerApps Videos too! And, follow me on Twitter @RandyHayes
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 User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

secondImage

Demo Extravaganza is Back!

We are excited to announce that Demo Extravaganza for 2021 has started!

MBAS on Demand

Microsoft Business Applications Summit sessions

On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks

Power Apps June 2021

June Power Apps Community Call

Did you miss the call? Check out the recording here!

Top Solution Authors
Top Kudoed Authors
Users online (64,393)