davidedpg10
Apprentice

Radio button size? CSS HTML help

Hello,
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

0 Kudos
3 Replies
khanh1
Apprentice

Re: Radio button size? CSS HTML help

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. 


 


Sample:


theme-entry a.Hyperlink-NotSet.disabled
{
font-size: 5.2rem;
}
:
:
.theme-entry .input-control a.input-control,
.theme-entry .input-control.select-box.double-buttons .input-control-m-c
{
min-height: 5.2rem!important; /*override - inline style*/
}
KagisoMasha
Apprentice

Re: Radio button size? CSS HTML help

Hello  @davidedpg10 ,

 

In adition to the resources given,

 

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

 

Creating a Custom Theme:

https://help.k2.com/onlinehelp/k2smartforms/devref/4.7/default.htm#Creating_a_Custom_Theme.html

 

Deploying and Registering Custom Themes:-

https://help.k2.com/onlinehelp/k2smartforms/devref/4.7/default.htm#Deploying_and_Registering_Custom_...

 

You can cusotmise customise your css:

https://www.youtube.com/watch?v=aHo7VVveXzM&t=3s

0 Kudos
Widson
Apprentice

Re: Radio button size? CSS HTML help

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(https://help.k2.com/onlinehelp/k2five/userguide/5.0/default.htm#Create/Views/CreateViewLayout.htm) , and for that to be considered on the K2 future products, kindly log feature request at our ideas portal(https://ideas.k2.com/).


 


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;


Widson.

0 Kudos