Radio button size? CSS HTML help

  • 18 November 2019
  • 3 replies

I am wondering if anyone has figured out how to increase the size of some controls such as the Radio Button Control? I would assume the checkbox control will probably be the same way. But I have a form in which I want to increase the size of the Radio button control, but I cannot figure out how to do it. Going to its format and changing the font size only changes the size of the font, not the radio button itself.

Anyway, if anyone knows how to, I'd really appreciate it.

Thank you

3 replies

Userlevel 6
Badge +16

Hi davidedpg10,


Perhaps you can update the current theme or create a new theme to achieve this. In this example, I have to make changes to the "Theme_Desktop.css" file for the Lithium theme, this file is located here "C:Program FilesK2K2 smartforms RuntimeStylesThemesLithiumTheme_Desktop.css". After updating the below elements, I would recommend restarting K2service/iisreset, and clear browser cache. The good thing is this change will not impact other themes, and other "devices". (Like: iOS, Android, "regular" screens) as it's specific to desktop theme. 



theme-entry a.Hyperlink-NotSet.disabled
font-size: 5.2rem;
.theme-entry .input-control a.input-control,
.theme-entry .input-control-m-c
min-height: 5.2rem!important; /*override - inline style*/
Badge +7

Hello  @davidedpg10 ,


In adition to the resources given,


Perhaps you could try expanding your limits and by trying custome themes:-


Creating a Custom Theme:


Deploying and Registering Custom Themes:-


You can cusotmise customise your css:

Hi  @davidedpg10 ;


At this moment we don't have OOB feature to alter k2 control side and it will be great functionality to click /or drag manually on view/form designer to decrease/increase the size of our K2 control especially on toolbar( , and for that to be considered on the K2 future products, kindly log feature request at our ideas portal(


and alternatively as workaound pressumed it's custom radio button you can also add it as expression on the data label e.g(<input type="radio" name="radio" value="" style="height:35px; width:35px; vertical-align: middle;">) adjust your control size.


I hope you can find closure!


Kind Regards;