Umbraco custom Data Type - how to hide label?

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.

This question was asked when Umbraco 4 was the latest version - Umbraco 5 had been abandoned & Umbraco 6 was released the following year. — amelvin, Apr 18 '18 at 07:50

score 7 · Answer 1 · answered Sep 22 '16 at 16:46

7

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;

answered Sep 22 '16 at 16:46

Florian D.

250
3
9

This question was asked when Umbraco 4 was the latest version - Umbraco 5 had been abandoned & Umbraco 6 was released the following year. – amelvin Apr 18 '18 at 07:50

score 1 · Answer 2 · answered Aug 15 '12 at 14:43

1

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

answered Aug 15 '12 at 14:43

Douglas Ludlow

10,754
6
30
54

score -1 · Accepted Answer · answered Aug 15 '12 at 14:44

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>

Umbraco custom Data Type - how to hide label?

3 Answers3