NetTalk Central

NetTalk Web Server => Web Server - Ask For Help => Topic started by: broche on September 27, 2018, 06:23:10 AM

Title: Buttons all the same size
Post by: broche on September 27, 2018, 06:23:10 AM

NT 10.35
CL 10

Have a Mem Form with a bunch of buttons.  I want to make them all the same size regardless of the text they contain in them.
Looked at CSS but can't figure out what the setting is on the form?  These are JQuery styled buttons set when creating them.

Brian.

Title: Re: Buttons all the same size
Post by: Bruce on September 30, 2018, 10:12:37 PM

I'm guessing
width
?

have you assigned a custom style to all the buttons?
have you checked to see if the custom style is being applied to all the buttons?
If so then it's just a case of figuring out the custom CSS.
If not then we need to get that part right first.

cheers
Bruce

Title: Re: Buttons all the same size
Post by: Vinnie on October 01, 2018, 12:11:20 AM

Hi Brian

Eample
NetPageForm    Type Button

Button CCS Class  'Pick-firstbutton'


In Custom CSS file

.Pick-firstbutton {
 display: block;
 width: 400px;
 height: 300px;
 border: none;
 background-color: red;
 color: black;
 padding: 1px 1px;
 font-size: 48px !important;
 text-align: center;
 }

Hope this helps

Title: Re: Buttons all the same size
Post by: Bruce on October 01, 2018, 07:38:55 AM

>> width: 400px;
>> height: 300px;

I recommend using em units over px units.
eg
width: 5em;
height: 2em;

>> font-size: 48px !important;

if you must change size then again, use em;
font-size: 1.1em !important;

But ideally do not change font size for buttons.

other than that - good example!

cheers
Bruce