Home Forum Blog Market Events Resources
Showing results for 
Search instead for 
Do you mean 
Highlighted
Super Contributor
Posts: 706
Registered: ‎04-29-2014
Accepted Solution

Drop down List control FONT, come on there has to be a View applied method?

Hi,

I have an item view with 3 drop down list controls.

 

The font must be Arial 12 and despite setting it on the Style, it is not applied.

How can i change the Drop down List controls (just on this View) to Arial 12?
The dropdown itself can be widened both horizontally and vertically via Padding, but the font stays the same when selecting an item from the list and afterwards.

I do not want to change the theme, as that will affect all forms.
Is there a scripty way (using a data label, literal and some script) to change the font on these controls please?

Thanks,

Super Contributor
Posts: 706
Registered: ‎04-29-2014

Re: Drop down List control FONT, come on there has to be a View applied method?

The font size on other controls can be changed using javascript like List fonts etc, so why can't the Drop Down list control?

 

If i change the theme, it will apply to all forms, which i do not want to do.

 

 

Moderator
Posts: 767
Registered: ‎08-27-2014

Re: Drop down List control FONT, come on there has to be a View applied method?

[ Edited ]

Hi Sharpharp1,

 

The only workaround is to use the following scropt wich will apply the stile on the <span> tag

 

<script>

$('.theme-entry .drop-menu ul.drop-menu a span').css({'font-size' :'12px', 'font-family':'Arial'});

</script>
K2 will not accept any liability for any issues arising from actions taken in respect of the information provided by any forum member.
Super Contributor
Posts: 706
Registered: ‎04-29-2014

Re: Drop down List control FONT, come on there has to be a View applied method?

Thanks Mustafa, you never fail to delivery.

 

Kudos and can be marked as solution.

 

For anyone else, if you find the watermark is still small (when using the drop down list), use the Choice control instead, watermark styling can be applied to that control via javascript, in combination with Mustafas above script.

 

Thanks........