How to separate the label and the input element.

Hello,

as far as I understand, this is the new core Sugar feature to display an empty field (pills view).

This design is handle by the HBS / JS definition of the field.

So you should probably can change this by overriding :  

•  clients\base\fields\record-decor\record-decor.hbs
•  clients\base\fields\record-decor\record-decor.js  

 Check this also :    

 Fred  

I didn't like that styling either, but got used to it over time, I think you should consider whether the trouble of customizing it is worth it.

If you do decide to go ahead with it, you will find that the dotted line and plus sign are just a class that's added "label-pill".

This needs more work and thorough testing, but it's a starting point if you are convinced you want to do this, you can remove the label-pill style from everything by overriding the setCellStyle function in record-decor/record-decor.js in your custom directory.

    /**
     * Sets or removes class on the record cell
     * @param style
     */
    setCellStyle: function(style) {
        var $cell = this.getRecordCell();
        if ($cell.length === 0) {
            return;
        }
    // take away the pill style by always removing the label-pill class.
       // if (style === 'pill') {
       //     $cell.addClass('label-pill');
       // } else {
            $cell.removeClass('label-pill');
       // }
    },

FrancescaS

I'll try this. Thank you Francesca