How to change windows button height and width

3 Answers 37 Views
Window
Omar
Top achievements
Rank 2
Iron
Iron
Iron
Omar asked on 05 Nov 2023, 05:12 PM

Hi,

I would like to change the height and width of the button in the alert windows.

See the attached image, the button is too small.

Regards,

Omar

3 Answers, 1 is accepted

Sort by
1
Accepted
Vasko
Telerik team
answered on 06 Nov 2023, 12:34 PM

Hello Omar,

You can change the width/height of the button using the following CSS: 

<style>
    .RadWindow .rwOkBtn { /* Target the OK button's class and adjust the width and height  */
        width: 100px;
        height: 50px;
    }
</style>

Hope this helps you out.

Kind regards,
Vasko
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources
Omar
Top achievements
Rank 2
Iron
Iron
Iron
commented on 25 Nov 2023, 04:56 PM

Hi,

How to increase the button font?

Many thanks,

Omar

1
Vasko
Telerik team
answered on 27 Nov 2023, 08:14 AM

Hi Omar,

You can increase the font of the text inside the button by using the font-size CSS property: 

<style>
    html body .RadWindow .rwOkBtn {
        width: 100px;
        height: 50px;
        font-size: 30px; /* Adjust based on your preference */
    }
</style>

I hope this is useful to you. 

Kind regards,
Vasko
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources
0
Omar
Top achievements
Rank 2
Iron
Iron
Iron
answered on 27 Nov 2023, 08:30 AM

Hi,

I did that before I asked my question and it did not have any effect on the size of the font.

But when I tried I did not the 


 HTML body

Now it worked.

Many thanks,

Omar

 

Tags
Window
Asked by
Omar
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Vasko
Telerik team
Omar
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or