cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Raj_Saha
Level: Powered On

How to Do this Design?Dark blue color and light blue color?

Screenshot_2.png

1 ACCEPTED SOLUTION

Accepted Solutions
Raj_Saha
Level: Powered On

Re: How to Do this Design?Dark blue color and light blue color?

Thank you so much !


View solution in original post

7 REPLIES 7
PavanKumar
Level 8

Re: How to Do this Design?Dark blue color and light blue color?

Hi, Could you please elaborate what exactly you mean by that? Regards, Pavan Kumar Garlapati
PavanKumar
Level 8

Re: How to Do this Design?Dark blue color and light blue color?

Hi, Could you please elaborate what exactly you mean by that? Regards, Pavan Kumar Garlapati

Raj_Saha
Level: Powered On

Re: How to Do this Design?Dark blue color and light blue color?

Could you please check the image ....I want to do same design and same color inside the powerapps...

Thanks,Raj

PavanKumar
Level 8

Re: How to Do this Design?Dark blue color and light blue color?

Hi @Raj_Saha 

 

Okay then in simple terms you can do the following

 

1. Add Five Labels Side by side with same size as in the image.

2. Write the required text as per your need.

3 on top of each label add image control and place the "" image which we are seeing in the screenshot.

4. Set the color property of the label to blue (as you see in the image you can set different colors for different labels)

(In the following image change the color properties the one with A letter helps to change the color of the font and the one beside helps to change background color (in our case its blue)
Color.PNG




if this answers your question mark it as verified and give it a thumbs up

Regards,

Pavan Kumar Garlapati

Raj_Saha
Level: Powered On

Re: How to Do this Design?Dark blue color and light blue color?

I wanted to do in the gallery. Actually I wanted to take all the recent feedback given by the user.
In the backend, I'm storing all the customer data...So I need to display in the gallery.

Thanks,
Raj

Highlighted
PavanKumar
Level 8

Re: How to Do this Design?Dark blue color and light blue color?

Hi @Raj_Saha 

That's what I was asking earlier to elaborate okay never mind.

Follow below steps

1. Go to Insert --> Gallery --> Blank Horizantal

2. On Screen visible prepare your collection and in the collection create another column named Row Number (in below example my collection is for contacts)

ClearCollect(colInitialContacts,Contacts);
ForAll(colInitialContacts, 
       Collect(colNumberedContacts,
               Last(FirstN(AddColumns(colInitialContacts,
                                "RowNumber",
                                CountRows(colNumberedContacts)+1
                           ), 
                           CountRows(colNumberedContacts)+1
                    )
               )    
       )
)

3. Once collection is prepared place it in items property of the gallery.

4. with in the Gallery Add Label control and for the label control Text proerty is Thisitem.Fullname (whatever column you want to display)

5. Label Color Property Set it to White

6. Label Fill property use the following formulae

If(Mod(Value(ThisItem.RowNumber),2)=0, Color.Blue, Color.BlueViolet)

Then eventually you will see the gallery as belowColor2.PNG

 

if this answers your question mark it as verified and give a thumbsup

regards,

Pavan Kumar Garlapati

 

Raj_Saha
Level: Powered On

Re: How to Do this Design?Dark blue color and light blue color?

Thank you so much !


View solution in original post

Helpful resources

Announcements
thirdimage

Power Apps Super User Class of 2020

Check it out!

thirdimage

New Badges

Check it out!

thirdimage

Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

SecondImage

Difinity Conference

The largest Power BI, Power Platform, and Data conference in New Zealand

Top Solution Authors
Top Kudoed Authors
Users online (6,302)