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

How to change CSS for Dropdown List in Edit Form

Hi, 

 I have Edit form in my app. Sharepoint list is datasource for form.

Sharepoint list have people picker as field.

In Edit Form, people picker field populated as dropdown list.

I want to change CSS for dropdown.

I want to change following CSS

 

.appmagic-dropdownFlyout .appmagic-dropdownList .appmagic-dropdownListItem .appmagic-dropdownListItem-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 44px !important; -----modify this propery

}

 

Please help me out.

4 REPLIES 4
Community Support Team
Community Support Team

Re: How to change CSS for Dropdown List in Edit Form

Hi Siva,

 

Is the People Picker filed a Person/Group column type?


On the right navigation pane, could you please click the ellipsis, then try to configure the Value1 to DisplayName to see if it works?

1.png


Best regards,
Mabel Mao

Community Support Team _ Mabel Mao
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Brank
Level 8

Re: How to change CSS for Dropdown List in Edit Form

It seems you just want to change the font-size of the picker. If you just double click on the dropdown you can click on advance and unlock that control, then you can modify the "size" property that change the fontsize of the letters inside the dropdown control.

 

Regards,

siva
Level: Powered On

Re: How to change CSS for Dropdown List in Edit Form

hi

  Thanks for the suggestions. It did not work though.

 

 

Our problem is this. we are attempting to increase the "size" of the dropdown from "13" to "20". This shows up properly in the UI. However when we choose the dropdown - to pick another item, then the font and display format of that expanded drop down is where it seems to be very tiny. This same settigns works fine, when the screen orientation of the app is in landscape mode, as opposed to portrait mode.

 

So we were wondering if there was a way to change the CSS itself

 

thanks

 

underm
Level: Power Up

Re: How to change CSS for Dropdown List in Edit Form

Hi,

Did this ever get resolved?

Helpful resources

Announcements
thirdimage

Power Automate 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

fifthimage

Microsoft Learn

Learn how to build the business apps that you need.

Top Kudoed Authors
Users Online
Currently online: 76 members 4,422 guests
Please welcome our newest community members: