Increase ToolStrip Text Width

[Michael Dillon]

I've created a toolstrip with about half a dozen entries. When its displayed it cuts off the text description of each of the tools. I can make the toolstrip wider but it continues to trim the text. See the pic below for an example.

Example

[Rumen]

Hi Michael,

You can increase the toostrip text width using this css class:

<style type="text/css">
    .reDropDownBody .reTlbVertical ul li .reButton_text
    {
        overflow: visible !important;
    }
</style>


Best regards,
Rumen
the Telerik team

[Michael Dillon]

That causes the text to be displayed, but the selection box is now incorrectly sized. There is now way in code to control the size of the EditorTool Object so the text is displayed the the hover behavior is correct?

Example of cropped box

[Rumen]

Hello Michael Dillon,

Please, try the following two additional classes which fixed the problem on my end:

<style type="text/css">
    .reDropDownBody .reTlbVertical ul li .reButton_text
    {
        overflow: visible !important;
    }

    .reDropDownBody .reTlbVertical .reToolbar {width: 400px !important; }

    div.reDropDownBody .reTlbVertical ul li a:hover {background-color: #ccc !important; background-image: none !important; width: auto !important;}
</style>

Greetings,
Rumen
the Telerik team