Changing text position in Radalert

[M. R.]

Hello,

I removed the question mark icon from RadAlert using:

 

.rwDialogPopup.radalert

 

{

 

background: url('') no-repeat left center !important;

 

}

as I wanted the text to be aligned towards the left margin of the window.

However, the text didn't shift to the left as I expected, it's still at the same position, close to the center of the form beside the 'invisible ' icon.
How can I shift the text to the left margin of the form?

Thank you,

M. Rusu

[Shinu]

Hi,

Try the folowing CSS and see whether it helps.

CSS:

<style type="text/css">

.rwDialogPopup.radalert

{

background: none !important;

padding-left: 0px !important;

}

.rwPopupButton

{

margin: 40px 80px !important; /* set the values accordingly*/

}

</style>

-Shinu.

[Bozhidar]

Hi M. Rusu,

Shinu's suggestion is correct. Here is one more with comments added :

.RadWindow .rwWindowContent .radalert
 {
  background-image: none !important; /* removes the excalamtion mark icon */
 }
.RadWindow .rwDialogText
 {
  margin-left: -55px !important; /* 55px moves the text to the left edge of the window, increase or decrease the value to move left or right */
 }
.RadWindow .rwPopupButton
 {
  margin: 8px 8px 8px -55px !important; /* 55px moves the OK button to the left edge of the window, increase or decrease the value to move left or right */
 }

Regards,
Bojo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[M. R.]

It worked!

Thanks everybody for your help.

Regards,
M. Rusu