jQWidgets Forums

jQuery UI Widgets Forums Form jqxTextArea in Form

This topic contains 2 replies, has 2 voices, and was last updated by  bentejuy 5 years, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • jqxTextArea in Form #106950

    bentejuy
    Participant

    Hello everyone!
    I’m trying to make a form dynamically with a textarea, and I’m unable to get it. I’ve tried it in several ways without success.
    In the form’s template, one of the options for “type” is “custom”, but I can’t find any kind of documentation to be referred to with ”
    Is there a way to do it with a jqxTextArea?.

    thanks for your help!.

    
    function createTopicForm(){
        var tplform = [{
            bind: 'topic',
            type: 'text',
            label: 'Topic:',
            labelPosition: 'top',
            width: '100%',
            padding: {left: 5, top: 0, right: 5, bottom: 12}
        },{
            bind: 'subtopic',
            type: 'text',
            label: 'Subtopic:',
            labelPosition: 'top',
            width: '100%',
            padding: {left: 5, top: 0, right: 5, bottom: 12}
        },{
            type: 'custom',
            bind: 'description',
            label: 'Description:',
            labelPosition: 'top',
            width: '100%',
            component: 'jqxTextArea',
            padding: {left: 5, top: 0, right: 5, bottom: 32}
        },{
            columns: [{
                type: 'button',
                name: 'cancel',
                text: 'Cancel',
                width: '90px',
                height: '30px',
                rowHeight: '40px',
                columnWidth: '50%',
                align: 'right'
            },{
                type: 'button',
                name: 'submit',
                text: 'Search...',
                width: '90px',
                height: '30px',
                rowHeight: '40px',
                columnWidth: '50%'
            }]            
        }];
    
        $('#topicform').jqxForm({
            template: tplform,
            padding: {left: 0, top: 0, right: 0, bottom: 120}
        }).on('buttonClick', function(event){
            if(event.args.name === 'submit'){
            }
            else {
            }
        });
    }
    
    jqxTextArea in Form #106964

    Martin
    Participant

    Hello bentejuy,

    Yes, it is possible. You should use the init callback – it sets the function for ‘custom’ type initialization.
    Please, take a look at the following Example.

    Best Regards,
    Martin

    jQWidgets Team
    https://www.jqwidgets.com/

    jqxTextArea in Form #106982

    bentejuy
    Participant

    Hi.

    Wow! Easy and elegant. This gives me many possibilities, Fantastic!!

    Thank you so much! 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.