No Line Break After Spell Button

[Scott]

I want to display the spell check button inline with other buttons (ex: Save | Spell Check), but it is putting a break in my toolbar and showing the Spell Check control on the next line. How can I prevent this?

[Rumen]

Hi Scott,

Do you want to add the spellcheck icon on the RadEditor's toolbar?

Could you please, open a support ticket and send a sample working project that demonstrates the problem? Please, also include a screenshot of the toolbar rendering problem.

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Peter S]

I have added icon on the RadEditor's toolbar. But the icon is displaying like line break. i have attached screenshot . In this screenshot, the icon is displaying under textbox. but i need icon end of the the textbox. How can I prevent this?  

[Martin]

Hello Peter S,

It seems that you have forgotten to attach the screenshot. Could you, please, attach it so we can take a look at the issue. Also, give us your button declaration, because we were unable to reproduce the behavior you are experiencing.

Best wishes,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Peter S]

Please find the attached screenshot.

Please give me the solution to solve issue. The issue is "the spell check icon is displaying bellow textbox. but i need to display the icon end of the the textbox".

I am using this css.

<style type="text/css">
        .spellcheckicon
        {
            background-image: url(/Images/SpellCheck.gif);
            background-repeat: no-repeat;
            text-indent: -9999px;
            width: 25px;
            height: 25px;
            display: block;
            outline: none;
        }
</style>


Example:

Actual: TextBox |
        SpellCheck icon

Expected: TextBox|SpellCheck icon

[Martin]

Hi Peter S,

According to the CSS you have used, the behavior of the button is absolutely correct - when an element is set display: block, the expected behavior is that it falls on a new line - such as sibling <div /> elements do. You have use display: inline-block if you want to put the button next to the textbox.

Regards,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Peter S]

Hi Martin ,

I used display: inline-block and display: inline in my CSS but this time the spellcheck icon gets hidden

Thanks,
Peter

[Martin]

Hi Peter S,

The link button of RadSpell is rendered within a <div /> tag, this is why the button does not position next to the textbox, but below it. I suggest that you send me a sample page - just your aspx markup, and I will do this for you. Basically - what has to be done - to put the textbox in a div with style float: left, so the next element (i.e. RadSpellCheck) positions next to the div in which the textbox resides in.

All the best,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.