Link width in Custom Links drop down

[Seth]

Howdy,

I am looking for more info on the Custom Links drop-down used on the editor control.  I am adding a bunch of custom links to the control and everything is working great. However, the link display is not the best.  The value of the Name property on some of the links is fairly long (30+ chars) and these links are one to two levels deep in the drop-down (I have the links in two levels of categories) which means there is white space to the left of the link names.  

When the link is long, the link that follows the long one is indented and does not look proper. Can I control how the links are displayed (ie no wrap)? Can I get rid of the unwanted indention? I have not seen any example of nested links with long text. Also can I control the width of the drop-down area, so that the control width remain normal in the toolbar, but the drop-down is large to handle the long link name?

Thanks,
Seth

[Dobromir]

Hi Seth,

You can modify the size of the CustomLinks dropdown and its popup element using the approach provided in the following help article:
Resizing The Dropdown Header And Pop Up Size

If the resizing of the popup element is not suit your scenario you can use the following CSS workaround:

.reCustomLinks a
{
    width: 1px;
    white-space: nowrap;
}

Best wishes,
Dobromir
the Telerik team

[Seth]

The CSS work around you gave me works great! However the mouse over used to highlight the whole link, and now just the first few pixels highlight, cutting off halfway through the first letter of the link.  Any idea how to either get the highlight to work properly or drop completely?

Thanks!
Seth

[Dobromir]

Hi Seth,

This is a side effect of the workaround. The highlighting of the link is applied also with CSS, and the workaround sets the size of the link to 1px.

You can remove the highlighting of the CustomLinks dropdown using the following CSS:

.reCustomLinks a:hover
{
    border-color: transparent !important;
    background-color: transparent !important;
}

I hope this helps.

Best wishes,
Dobromir
the Telerik team