Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

Contributor ,
Jun 15, 2017 Jun 15, 2017

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

2.7K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Jun 15, 2017 Jun 15, 2017

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 15, 2017 Jun 15, 2017

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

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

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 15, 2018 Feb 15, 2018

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 15, 2018 Feb 15, 2018

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 24, 2020 Sep 24, 2020
LATEST

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
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines