No Line Break After Spell Button

8 posts, 0 answers
  1. Scott
    Scott avatar
    42 posts
    Member since:
    Oct 2007

    Posted 30 Oct 2008 Link to this post

    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?
  2. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 03 Nov 2008 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Peter S
    Peter S avatar
    3 posts
    Member since:
    Dec 2009

    Posted 17 Dec 2009 Link to this post

    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?  

  5. Martin
    Admin
    Martin avatar
    585 posts

    Posted 17 Dec 2009 Link to this post

    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.
  6. Peter S
    Peter S avatar
    3 posts
    Member since:
    Dec 2009

    Posted 17 Dec 2009 Link to this post

    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  
     
     
  7. Martin
    Admin
    Martin avatar
    585 posts

    Posted 17 Dec 2009 Link to this post

    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.
  8. Peter S
    Peter S avatar
    3 posts
    Member since:
    Dec 2009

    Posted 17 Dec 2009 Link to this post

    Hi Martin ,

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

    Thanks,
    Peter
  9. Martin
    Admin
    Martin avatar
    585 posts

    Posted 17 Dec 2009 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017