Editor 'cols' attribute for textarea not being recognized

evanderv

When I use bubble editor on a textarea field, the size of the textarea is much too small for editing. The rows attr is being applied, as well as the cols, but the size of the lightbox isn't changing.

$('#footnotes-' + projectId).on( 'dblclick', 'tbody tr td:not(:first-child)', function (e) {
            var field = $(this).attr("data-field");
            var type = $(this).attr("data-field-type");
            editor = new $.fn.dataTable.Editor( {
                ajax: 'blank.jsp?_response=true&_action=save',
                table: "#footnotes-" + projectId,
                idSrc: "footnoteId",
                fields: [ {
                    label: "Code",
                    name: "code",
                    type: "text"
                }, {
                    label: "Content",
                    name: "content",
                    type: "textarea",
                    attr: {
                        maxLength: "4000",
                        rows: "8",
                        cols: "120"
                    }
                }
                ]
            } )
            .on( 'preSubmit', function ( e, d, type ) {
                    d.id = Object.keys(d.data)[0];
                    d.field = field;
            } )
            .bubble( this );
        } );

allan

div.DTE_Bubble div.DTE_Bubble_Liner is the selector that you can use to modify the size of the bubble editor - e.g.

div.DTE_Bubble div.DTE_Bubble_Liner {
  width: 400px;
}

The default CSS uses 300px width btw.

Regards,
Allan