NetTalk Central

Author Topic: Buttons all the same size  (Read 4615 times)

broche

  • Sr. Member
  • ****
  • Posts: 336
    • View Profile
    • Email
Buttons all the same size
« 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.
Brian

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11250
    • View Profile
Re: Buttons all the same size
« Reply #1 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

Vinnie

  • Full Member
  • ***
  • Posts: 183
    • View Profile
    • Email
Re: Buttons all the same size
« Reply #2 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

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11250
    • View Profile
Re: Buttons all the same size
« Reply #3 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