Highlighted

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

Contributor ,
Jun 15, 2017

Copy link to clipboard

Copied

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

Views

1.4K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

Contributor ,
Jun 15, 2017

Copy link to clipboard

Copied

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

Views

1.4K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 15, 2017 0
Contributor ,
Jun 15, 2017

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 15, 2017 0
Adobe Community Professional ,
Jun 15, 2017

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 15, 2017 0
Contributor ,
Jun 15, 2017

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 15, 2017 0
Community Beginner ,
Feb 15, 2018

Copy link to clipboard

Copied

Adsız.jpg

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);

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 15, 2018 0
Community Beginner ,
Feb 15, 2018

Copy link to clipboard

Copied

İ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 0.jpg

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);

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 15, 2018 0
Adobe Community Professional ,
Sep 24, 2020

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 24, 2020 0