Skip to main content
Inspiring
Jun 15, 2017 12:57 PM UTC
Question

Html5 TextArea (Multi-Line Text) in Animate CC??

How come there is no multi-line textbox (textarea) component in Animate CC for Html5 Canvas??

    This topic is closed to new replies. Start a new post to keep the conversation going.

    6 replies

    Participating Frequently
    Feb 15, 2018 10:09 AM UTC

    İt's working no problem

    İt's working other side i make mistake on code. for that i live problem

    i correct it. İt's working now .

    it's work you can use this method no problem

    İmportant point add label component change inside only but

    i want to clone component how i don't know i can add component but
    i don't have time for that

    animate creating same folder with html components\ui\src

    in this folder you can find label.js

    edit this file with this code
    (function($) {   

        $.anwidget("an.Label", {

            options: {

    'visible': true,

    'disabled': false,

    'text': "",

    'position': 'absolute'

            },

    _props: ["left", "top", "width", "height", "position", "transform-origin", "transform"],

    _attrs: ["id", "disabled", "class"],

    getCreateOptions: function() {

    return $.extend(this.options, { 'id': "label" + _widgetID++ });

    },

    getCreateString: function() {

    return "<textarea>";

    },

    getProperties: function() {

    return this._props;

    },

    getAttributes: function() {

    return this._attrs;

    },

    update: function(force) {

    this._superApply(arguments);

    if(force || this._dirty["text"]) {

    this._$this.text(this._options["label"]);

    this._dirty["text"] = false;

    }

    }

        });  

    })(jQuery);

    Translate
    avid_body16B8
    Legend
    Sep 24, 2020 6:28 PM UTC

    This was a great idea but then you cannot use the label component as intended. I'll look into creating the new component. It will take me a while since I have never created component but I think it is worth doing it.

    Thanks again for the idea. 

    Translate
    Participating Frequently
    Feb 15, 2018 9:32 AM UTC

    i change label component it's work but it's stop script working after 30 second froze completely

    (function($) {   

        $.anwidget("an.Label", {

            options: {

    'visible': true,

    'disabled': false,

    'text': "",

    'position': 'absolute'

            },

    _props: ["left", "top", "width", "height", "position", "transform-origin", "transform"],

    _attrs: ["id", "disabled", "class"],

    getCreateOptions: function() {

    return $.extend(this.options, { 'id': "textarea" + _widgetID++ });

    },

    getCreateString: function() {

    return "<textarea>"

    },

    getProperties: function() {

    return this._props;

    },

    getAttributes: function() {

    return this._attrs;

    }

        });   

    })(jQuery);

    Translate
    fwhiltonAuthor
    Inspiring
    Jun 15, 2017 1:00 PM UTC

    Oh... never mind.... I forgot that there is a text box natively.  Duh 

    Translate
    Legend
    Jun 15, 2017 1:12 PM UTC

    A freeform text component would still be useful, since canvas text is extremely limited in how you can format it.

    Translate
    fwhiltonAuthor
    Inspiring
    Jun 15, 2017 1:14 PM UTC

    Yeah... true. Good luck trying to get them to put it in.

    Translate