1. I am placing the RadSpell button next to two other regular buttons. However the RadSpell button keeps forcing itself onto the next line. It won't stay on the same line as the other buttons.
2. I can't get it to center horizontally. It is placed in a div with css applied to handle the centering of the objects. Everything else is centered properly except for this RadSpell button.
So it is forcing line breaks and won't center. Any help will be appreciated.
Thanks!
10 Answers, 1 is accepted
The spellcheck button is wrapped inside a DIV element which is block element that is why the next two buttons are rendered below it:
<telerik:RadSpell id="RadSpell1" ControlToCheck="TextBox1" Runat="server"></telerik:RadSpell>
<asp:Button ID="Button1" runat="server" Text="Button" />
<asp:Button ID="Button2" runat="server" Text="Button" />
In order to render the two buttons on the same line with the spellcheck button you should set the following class:
<style type="text/css">
#RadSpell1
{
float: left;
}
</style>
Best regards,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Any other solution?
The solution works properly on my side. For your convenience I have attached my sample project. Could you please, modify it to fit your scenario and send it back so that I can reproduce the problem?
Best regards,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Rumen,
I've taken your file and modified it for my scenario.
All I'm trying to do is line up the 3 buttons (asp button, asp button, RadSpell button) and center them.
<head id="Head1" runat="server">
<title>Untitled Page</title>
<style type="text/css">
#RadSpell1
{
float: left;
}
#Div1
{
width:625px;
margin-top: 20px;
margin-left: 50px;
margin-right: auto;
text-align: center;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div id="Div1" runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:Button ID="Button1" runat="server" Text="Button" />
<asp:Button ID="Button2" runat="server" Text="Button" />
<telerik:RadSpell ID="RadSpell1" ControlToCheck="TextBox1" runat="server"></telerik:RadSpell>
</div>
</div>
</form>
</body>
</html>
Please, find attached my test aspx page, which demonstrates the requested apperance.
Best regards,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.

The text box is centered but the buttons are still left aligned. I need all 3 buttons to be centered also.
Please, find the corrected layout for the buttons you have requested.
Regards,
Martin Ivanov
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Thanks for your help.

I ran into the same problem and ended up having to put the RadSpell button in a list. This was a pain in the butt because I had to update all the toolbars where the RadSpell button was located. Here is what I ended up with:
<style type="text/css">
.menu ul,
.menu li
{
padding: 0;
margin: 0;
list-style: none;
height: 15px;
}
.menu li
{
float: left;
}
</style>
<div class="menu">
<ul>
<li>(button one)</li>
<li>(rad spell button)</li>
<li>(button two, etc.)</li>
</ul>
</div>
It would be great if the RadSpell button didn't automatically wrap itself and display as an inline element as opposed to a block element.
