Question

I am creating a custom Data Type for Umbraco.
It is a UserControl (.ascx file) derived from IUsercontrolDataEditor.
(It shows a grid that lists all the child nodes)

How do I make this control full-width?
ie. I want to hide the label, just like what you can do with RichTextEditor by unchecking 'Show Label'.

EDIT: Thanks for the answers :) Another way to do this is using AbstractDataEditor, but it is more complicated.

Was it helpful?

Solution

This is a bit of a workaround but should be OK for an admin function (where Name is the label you want to suppress):

<script type="text/javascript">
    jQuery(document).ready(function () {
        $("div.propertyItemheader:contains('Name')").hide();
    });
</script>

OTHER TIPS

For Umbraco 7.x using an angularJs-controller for your custom datatype just change the property hideLabel of the inherited model on the scope:

    $scope.model.hideLabel = true;

The only way I know of is to use some javascript as in this forum post.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top