WebButton height other than default height

[Jay_Menna]

I wish to make a button 200 X100

The IDE setting is ignored.

So I tried adding me.height=100 (which the compiler accepts)

But at run time it will not resize.

What am I missing?

[Jay_Menna]

I suspect his is “By design” but I need a work around.

Any body have any other idea than the Webrectangle?

[AlbertoD]

Here is an option with JavaScript:

Webbutton vertical height

In button.Shown: ExecuteJavaScript( "$('#" + me.ControlID + " .btn-group').css('height','100%');" )

Here is an option changing the CSS:

Scaling Web Buttons height

I wrote this a few months ago. If you only need the height change you only need .btn-group { height: 100%!important; } Adding the width directive will make the button work like default Bootstrap buttons (and need the align center too), in other words the width will be set depending in the shown text. For example: IDE [image] Web [image] I prefer to have buttons with same width accross the page, so just height is changed: <style> .btn-group { height: 100%!important; } </style> [image] B…

basically add to HTMLheader

<style>
.btn-group { height: 100%!important;  }
</style>

Yes, it is “by design” so we need to find ways around that to satisfy client needs.

Edit: I posted some tips here Button changes - CSS tips

[Jay_Menna]

@AlbertoD

<style>
.btn-group { height: 100%!important;  }
</style>

work around sucessful.

[Gilles_Plante]

Is this Web 1 or Web 2 ? With Web 1 it works.

[AlbertoD]

Web 2