Long Name shows Ellipsis

[Joel]

Instead of showing as much name as can fit into the field, my field shows an ellipsis.  How can I get it to show as much as is possible instead of not even trying.

My template with an icon and the Text Name:

<script id="icon-template" type="text/x-kendo-template">
    <div class='group-icon'
         style='background-image: url(@Url.Content("#: ImageUrl #"));'></div>
    <div class='group-name'
        style='overflow: hidden; white-space: nowrap;'>#: Name #</div>
</script>

My column:

columns.Add().Field(e => e.Name).TemplateId("icon-template").Width(Glossary.Portal.ButtonWidthExtraWide);

[Tsvetomir]

Hi Joel,

The ellipsis comes from the inline styles that are applied to the element:

    <div class='group-name'
        style='overflow: hidden; white-space: nowrap;'>#: Name #</div>

If you would like to show more text, you could either increase the dimensions of the div or, make it scrollable. 

 

Regards,
Tsvetomir
Progress Telerik