Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

Hybrid View

  1. #1
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default Answered: Attempting to add radio buttons and columns in an existing Sencha form

    Answered: Attempting to add radio buttons and columns in an existing Sencha form


    I am working on an existing Sencha form attempting to add radio buttons and passing the variables to a processing and email form.

    It is a complex form (to me), but I have been able to add variables and pass them through to the email and processing form.

    I have added variables with radio buttons and they are being passed to the email form. However, I am having difficulty creating a 4 column radio button fieldset. I am thus far unable to create this multi-column fieldset in this form.
    I tried using radiogroup, but the div was rendering at the end of the form, even though I built it in the panel where i need it to be.

    Here is some of the code:


    var UserForm_01001_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01001_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01001_xxxxx'


    });
    var UserForm_01002_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01002_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01002_xxxxx'
    });
    ....
    {
    comment: true,
    html: '<span style="font-size:14px;">List the user\'s company or companies if more than one</span>'
    },


    ....


    UserForm_01001_xxxxxxx,
    UserForm_01002_xxxxxxx,


    ....

    Here are my questions:

    1. How can I make a multicolumn array within this form?
    2. How can I use radiogroup properly within this form?

    Thanks in advance.


    Here is the complete (and edited) code:

    /*
    * RTODO:
    * Type in person
    */
    function thankYou() {
    document.getElementById('mContainer').innerHTML = '<div style="margin: 20px 0 0 20px; padding: 10px; height: 300px; text-align: center;"><h2 style="border: 1px solid #eee; padding: 10px;">The information has been sent. <br> Thank you for submitting the form.</h2></div>';
    }


    function intro_help() {
    /*
    <h1>USER ADD/CHANGE FORM</h1>
    <p>
    This form grants or revokes user access to the Applications below. To delete a user, use the Delete User Form.
    </p>
    <p>
    Corporate Training is <span class="blue">required</span> prior to granting authority to systems and modules.
    Controller approval of this request is also required. <span class="blue">Do not</span> use the term "Same as....." for any fields.
    You must list specific authority on this form.
    </p>
    <p>
    Executive approval is required by the CFO, COO or CEO in order to be granted access to the <br> S:\Corporate\Corporate Executive folder.
    </p>
    <p>
    <strong>All of the following fields must be completed unless they are not applicable.</strong>
    </p>
    */
    }


    function info_help(sType) {
    var result = heredoc(function () {
    /*
    <table class="infoHelp">


    <tr>
    <td style="border-bottom: 2px solid #aaa;" colspan="2">&nbsp;</td>
    </tr>


    <tr>
    <td colspan="2">
    <h2>Liaison Info</h2>
    </td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Name:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Name"></td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Company:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Company"></td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Phone:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Phone"></td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Email:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Email"></td>
    </tr>


    <tr>
    <td style="border-bottom: 2px solid #aaa; height: 5px; font-size: 5px;" colspan="2">&nbsp;</td>
    </tr>
    </table>
    */
    });
    switch (sType) {
    case 'liason':
    break;
    case 'controller':
    result = result.replace(/Liaison/g, 'Controller');
    break;
    case 'employee':
    result = result.replace(/Liaison/g, 'Employee');
    break;
    }
    result = result.replace(/{{type}}/g, sType);
    return result;
    }


    function heredoc(fn) {
    var result = fn.toString().replace('/*', ' ').replace('*/', ' ').split(/\n/).slice(1, -1).join(' ');
    result = result.replace(/\'/g, "\\'");
    return '<div class="helpSystem">' + result + '</div>';
    }


    function popUpFrame(id) {
    var window = Ext.create('Ext.window.Window', {
    title: 'Form Preview',
    height: 700,
    width: 800,
    layout: 'fit',
    resizable: false,
    modal: true,
    //draggable: false,
    items: {
    html: '<iframe width="100%" height="100%" src="/ust_forms/forms/User_Add_Change/processForm.php?type=show&id=' + id + '"></iframe>'
    },
    buttons: [{
    text: "Close this preview",
    handler: function () {
    window.close();
    }
    }]
    });


    window.show();
    }


    Ext.application({
    name: "EmployeeAddForm",
    ready: function () {
    //Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);
    Ext.tip.QuickTipManager.init();
    },
    init: function () {
    Ext.override(Ext.tip.Tip, {
    border: false,
    bodyPadding: '10 5 0 20',
    padding: '10 5 5 5',
    width: 150
    });


    Ext.Ajax.timeout = 2 * 60 * 1000; // 2 minutes
    },
    launch: function () {


    Ext.override(Ext.panel.Panel, {
    initComponent: function () {
    if (this.comment === true) {
    this.border = false;
    this.html = '<div style="width: 350px; font-size: 11px; color: #666;">' + this.html + '</div>';
    this.bodyPadding = '5 0 5 0';
    }
    this.callParent();
    },
    bodyPadding: 10
    });


    Ext.override(Ext.form.ComboBox, {
    labelStyle: 'line-height: 13px;',
    forceSelection: true
    });


    Ext.override(Ext.form.field.Text, {
    inputWidth: 250,
    labelAlign: 'top',
    initComponent: function () {
    if (this.allowBlank === false) {
    this.fieldLabel = this.fieldLabel + '*';
    this.labelCls = 'required';
    } else {
    this.labelCls = 'normal';
    }
    this.callParent();
    }
    });


    /*
    Ext.override(Ext.LoadMask, {
    initComponent: function() {
    this.height = '100px';
    this.callParent();
    }
    });
    */


    var commonStore = [
    "", "No", "Yes", "Revoke"
    ];
    Ext.define('YesNoCombo', {
    extend: 'Ext.form.ComboBox',
    store: commonStore,
    value: "",
    emptyText: 'Select...',
    labelAlign: 'left',
    labelWidth: 550,
    inputWidth: 80,
    allowBlank: true,
    listeners: {
    select: function (comp, record, index) {
    if (comp.getValue() === "" || comp.getValue() === "&nbsp")
    comp.setValue(null);
    }
    }
    });


    var currCombo;
    Ext.define('sCombo', {
    extend: 'Ext.form.ComboBox',
    forceSelection: true,
    labelWidth: 200,
    inputWidth: 250,
    listeners: {
    focus: function (o) {
    currCombo = o;
    },
    select: function (c, r, e) {
    var data = c.displayTplData;
    if (c.addInfo) {
    document.getElementById(c.addInfo + 'Name').innerHTML = data[0].cn;
    document.getElementById(c.addInfo + 'Company').innerHTML = data[0].company;
    document.getElementById(c.addInfo + 'Phone').innerHTML = data[0].phone;
    document.getElementById(c.addInfo + 'Email').innerHTML = data[0].email;


    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Name').setValue(data[0].cn);
    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Company').setValue(data[0].company);
    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Phone').setValue(data[0].phone);
    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Email').setValue(data[0].email);
    }
    }
    },
    listConfig: {
    itemTpl: Ext.create('Ext.XTemplate',
    '{[this.highlightMatch(values)]}', {
    highlightMatch: function (v) {
    var input = v.cn;
    var searchQuery = currCombo.getValue();
    var searchQueryRegex = new RegExp("(" + searchQuery + ")", "i"); // case-insensitive
    var highlightedMatch = '<span class="searchMatch">$1</span>';
    return '<div style="font-size: 14px; font-weight: bold; color: #00629B;">' + input.replace(searchQueryRegex, highlightedMatch) + '</div><div style="font-size: 11px; margin-bottom: 10px;">' + 'Company: <b>' + v.company + '</b><br>' + 'Phone: ' + v.phone + '<br>' + 'Email: ' + v.email + '</div>';
    }
    })
    }
    });


    var storeLiaison = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    extraParams: {
    type: 'liaisons'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20
    });


    var UserForm_liaison_name = Ext.create('sCombo', {
    name: "UserForm_liaison_name",
    fieldLabel: 'Liaison Full Name',
    addInfo: 'liaison',
    store: storeLiaison,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter a Liaison Name',
    pageSize: true,
    forceSelection: true
    });


    var storeController = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    pageSize: 20,
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    },
    extraParams: {
    type: 'controllers'
    }
    }
    });


    var UserForm_controller_name = Ext.create('sCombo', {
    name: "UserForm_controller_name",
    fieldLabel: 'Controller Full Name',
    addInfo: 'controller',
    store: storeController,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter a Controller Name',
    pageSize: true,
    forceSelection: true
    });


    var storeEmployee = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    pageSize: 20,
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    },
    extraParams: {
    type: 'employees'
    }
    }
    });


    var UserForm_employee_name = Ext.create('sCombo', {
    name: "UserForm_employee_name",
    fieldLabel: 'Employee Full Name',
    addInfo: 'employee',
    store: storeEmployee,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter an Employee Name',
    pageSize: true,
    //hideTrigger: true,
    forceSelection: true
    });


    var storeManager = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    pageSize: 20,
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    },
    extraParams: {
    type: 'employees'
    }
    }
    });


    var UserForm_manager_name = Ext.create('sCombo', {
    name: "UserForm_manager_name",
    fieldLabel: 'Manager Name',
    store: storeManager,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter an Manager Name',
    pageSize: true,
    //hideTrigger: true,
    forceSelection: true
    });




    var UserForm_as400_jde = Ext.create('Ext.form.field.Text', {
    name: "UserForm_as400_jde",
    fieldLabel: 'AS400/JDE User ID',
    allowBlank: true
    });
    var UserForm_job_title = Ext.create('Ext.form.field.Text', {
    name: "UserForm_job_title",
    fieldLabel: 'Job Title',
    allowBlank: true
    });
    var UserForm_employee_or_temp = Ext.create('Ext.form.ComboBox', {
    name: "UserForm_employee_or_temp",
    store: ['Employee', 'Temp'],
    emptyText: 'Select...',
    allowBlank: true,
    mode: 'local',
    forceSelection: true,
    fieldLabel: 'Employee or Temp?'
    });
    var UserForm_new_existing = Ext.create('Ext.form.ComboBox', {
    name: "UserForm_new_existing",
    store: ['New Employee', 'Existing Employee'],
    emptyText: 'Select...',
    allowBlank: true,
    mode: 'local',
    forceSelection: true,
    editable: false,
    margin: '0 0 10 0',
    fieldLabel: 'Is this a new or existing employee?',
    listeners: {
    change: function () {
    if (this.getValue() === 'New Employee') {
    Ext.apply(UserForm_employee_name, {
    forceSelection: false
    });
    } else {
    Ext.apply(UserForm_employee_name, {
    forceSelection: true
    });
    }
    }
    }
    });
    var UserForm_email_access_required = Ext.create('YesNoCombo', {
    name: "UserForm_email_access_required",
    labelWidth: 140,
    inputWidth: 105,
    fieldLabel: 'Email Access Required?'
    });
    var UserForm_outside_email = Ext.create('YesNoCombo', {
    name: "UserForm_outside_email",
    labelWidth: 140,
    inputWidth: 105,
    fieldLabel: 'Outside Email'
    });
    var UserForm_internet_access = Ext.create('YesNoCombo', {
    name: "UserForm_internet_access",
    labelWidth: 140,
    inputWidth: 105,
    store: ["", "None", "Basic", "Manager's", "Manager's Plus", "HR"],
    value: '',
    emptyText: 'Select...',
    fieldLabel: 'Internet Access Level'
    });


    var UserForm_ALTACCT = Ext.create('YesNoCombo', {
    name: "UserForm_ALTACCT",
    fieldLabel: 'Accountants and Controllers (Field & Corp) - ALTACCT'
    });






    var UserForm_ALTCORP = Ext.create('YesNoCombo', {
    name: "UserForm_ALTCORP",
    fieldLabel: 'Application owner (corporate) - ALTCORP'
    });
    var UserForm_ALTCSR = Ext.create('YesNoCombo', {
    name: "UserForm_ALTCSR",
    fieldLabel: 'Customer Service Representatives - ALTCSR'
    });
    var UserForm_ALTDISP = Ext.create('YesNoCombo', {
    name: "UserForm_ALTDISP",
    fieldLabel: 'Dispatchers - ALTDISP'
    });
    var UserForm_ALTGM = Ext.create('YesNoCombo', {
    name: "UserForm_ALTGM",
    fieldLabel: 'General Managers - ALTGM'
    });
    var UserForm_ALTINQ = Ext.create('YesNoCombo', {
    name: "UserForm_ALTINQ",
    fieldLabel: 'Inquiry only - ALTINQ'
    });
    var UserForm_ALTOFMGR = Ext.create('YesNoCombo', {
    name: "UserForm_ALTOFMGR",
    fieldLabel: 'Office Managers - ALTOFMGR'
    });


    var UserForm_ARACCT = Ext.create('YesNoCombo', {
    name: "UserForm_ARACCT",
    fieldLabel: 'Accountants and controllers (field and corp) - ARACCT'
    });
    var UserForm_ARCORP = Ext.create('YesNoCombo', {
    name: "UserForm_ARCORP",
    fieldLabel: 'Application owner (corporate) - ARCORP'
    });
    var UserForm_ARCSR = Ext.create('YesNoCombo', {
    name: "UserForm_ARCSR",
    fieldLabel: 'Customer Service Representatives - ARCSR'
    });
    var UserForm_ARDISP = Ext.create('YesNoCombo', {
    name: "UserForm_ARDISP",
    fieldLabel: 'Dispatchers - ARDISP'
    });
    var UserForm_ARGM = Ext.create('YesNoCombo', {
    name: "UserForm_ARGM",
    fieldLabel: 'General Managers - ARGM'
    });
    var UserForm_ARINQ = Ext.create('YesNoCombo', {
    name: "UserForm_ARINQ",
    fieldLabel: 'Inquiry only - ARINQ'
    });
    var UserForm_AROFMGR = Ext.create('YesNoCombo', {
    name: "UserForm_AROFMGR",
    fieldLabel: 'Office Managers - AROFMGR'
    });
    var UserForm_ARSALES = Ext.create('YesNoCombo', {
    name: "UserForm_ARSALES",
    fieldLabel: 'Salespersons - ARSALES'
    });
    var UserForm_ARBILLU = Ext.create('YesNoCombo', {
    name: "UserForm_ARBILLU",
    fieldLabel: 'Billing User - ARBILLU'
    });
    var UserForm_ARBILLM = Ext.create('YesNoCombo', {
    name: "UserForm_ARBILLM",
    fieldLabel: 'Billing Manager - ARBILLM'
    });
    var UserForm_WTINQ = Ext.create('YesNoCombo', {
    name: "UserForm_WTINQ",
    fieldLabel: 'Weigh tag inquiry - WTINQ'
    });
    var UserForm_WTUPD = Ext.create('YesNoCombo', {
    name: "UserForm_WTUPD",
    fieldLabel: 'Weigh tag update - WTUPD'
    });
    var UserForm_AUDITDIV = Ext.create('YesNoCombo', {
    name: "UserForm_AUDITDIV",
    fieldLabel: 'Audit Diversion - AUDITDIV'
    });
    var UserForm_ar_altar_functions_require = Ext.create('Ext.form.field.Text', {
    name: "UserForm_ar_altar_functions_require",
    fieldLabel: 'Additional AR/ALTAR functions user will require',
    inputWidth: 635
    });
    var UserForm_company_authority = Ext.create('Ext.form.field.Text', {
    name: "UserForm_company_authority",
    fieldLabel: 'Company Authority (List companies)',
    inputWidth: 635
    });
    var UserForm_public_calendars = Ext.create('Ext.form.field.Text', {
    name: "UserForm_public_calendars",
    fieldLabel: 'List public calendars user will need access',
    margin: '0 0 10 0',
    inputWidth: 635
    });
    var UserForm_public_calendars_auth_level = Ext.create('YesNoCombo', {
    name: "UserForm_public_calendars_auth_level",
    store: ['', 'None', 'Reviewer', "Publisher"],
    emptyText: 'Select...',
    value: '',
    inputWidth: 100,
    labelWidth: 530,
    fieldLabel: 'What level of authority for public calendars?'
    });
    var UserForm_CSR_Access = Ext.create('YesNoCombo', {
    name: "UserForm_CSR_Access",
    fieldLabel: 'CSR Access'
    });
    var UserForm_power_user = Ext.create('YesNoCombo', {
    name: "UserForm_power_user",
    fieldLabel: 'Power User - Includes CSR access and the ability to process refunds and cancel payments'
    });
    var UserForm_view2 = Ext.create('YesNoCombo', {
    name: "UserForm_view2",
    fieldLabel: 'View 2'
    });
    var UserForm_email_encryption = Ext.create('Ext.form.field.Text', {
    name: "UserForm_email_encryption",
    inputWidth: 635,
    fieldLabel: 'Add email encryption service to user (list name)'
    });
    var UserForm_folder_paths = Ext.create('Ext.form.field.Text', {
    name: "UserForm_folder_paths",
    inputWidth: 635,
    fieldLabel: 'List folder paths that user will need access to'
    });
    var UserForm_level_of_authority = Ext.create('Ext.form.field.TextArea', {
    name: "UserForm_level_of_authority",
    inputWidth: 635,
    fieldLabel: 'What level of authority needed?',
    grow: true
    });


    var UserForm_GLUSER = Ext.create('YesNoCombo', {
    name: "UserForm_GLUSER",
    fieldLabel: 'General Ledger User - GLUSER:'
    });
    var UserForm_GLINQ = Ext.create('YesNoCombo', {
    name: "UserForm_GLINQ",
    fieldLabel: 'General Ledger Inquiry - GLINQ:'
    });


    var UserForm_ANLY = Ext.create('YesNoCombo', {
    name: "UserForm_ANLY",
    fieldLabel: 'Financial Analyst - ANLY:'
    });


    var UserForm_CNTRLR = Ext.create('YesNoCombo', {
    name: "UserForm_CNTRLR",
    fieldLabel: 'Controller - CNTRLR - Role includes inquiry for all modules, do not request additional Inquiry roles separately:'
    });


    var UserForm_BAPPRV = Ext.create('YesNoCombo', {
    name: "UserForm_BAPPRV",
    fieldLabel: 'Batch Header Revisions - BAPPRV - Requires Corporate Controller approval'
    });


    var UserForm_APUSER = Ext.create('YesNoCombo', {
    name: "UserForm_APUSER",
    fieldLabel: 'AP User - APUSER '
    });
    var UserForm_APPMTW = Ext.create('YesNoCombo', {
    name: "UserForm_APPMTW",
    fieldLabel: 'APPMTW Role can be assigned with the prior role OR the following role, but not both'
    });
    var UserForm_APPMTCU = Ext.create('YesNoCombo', {
    name: "UserForm_APPMTCU",
    fieldLabel: 'APPMTCU Role can be assigned with 1 of the 2 preceeding roles but not both'
    });
    var UserForm_APBLUSR = Ext.create('YesNoCombo', {
    name: "UserForm_APBLUSR",
    fieldLabel: 'APBLUSR - AP Bottomline User-Corporate'
    });
    var UserForm_APINQ = Ext.create('YesNoCombo', {
    name: "UserForm_APINQ",
    fieldLabel: 'APINQ- Do not select AP inquiry role if AP Bottomline User role is already selected'
    });
    var UserForm_APBLINQ = Ext.create('YesNoCombo', {
    name: "UserForm_APBLINQ",
    fieldLabel: 'APBLINQ Do not select AP Bottomline Inquiry role if AP Bottomline User role is already selected'
    });
    var UserForm_APAD = Ext.create('YesNoCombo', {
    name: "UserForm_APAD",
    fieldLabel: 'APAD Accounts-Payable Address Book Editor'
    });


    /* var UserForm_user_been_trained = Ext.create('YesNoCombo', {
    name: "UserForm_user_been_trained",
    fieldLabel: 'Has the user been trained in the applications requested below?'
    });


    var UserForm_print_auto_signatures = Ext.create('YesNoCombo', {
    name: "UserForm_print_auto_signatures",
    fieldLabel: 'Should signatures automatically print when this user processes checks?'
    });






    var UserForm_which_name = Ext.create('Ext.form.field.Text', {
    name: "UserForm_which_name",
    inputWidth: 635,
    margin: '0 0 20 0',
    fieldLabel: 'If yes, which name should print?'
    });*/




    var UserForm_CMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_CMUSER",
    fieldLabel: 'Contract Management - CMUSER'
    });
    var UserForm_POAPPRV = Ext.create('YesNoCombo', {
    name: "UserForm_POAPPRV",
    fieldLabel: 'PO Approver- POAPPRV:'
    });
    var UserForm_PMINQ = Ext.create('YesNoCombo', {
    name: "UserForm_PMINQ",
    fieldLabel: 'Purchase Order, CAPEX & Subcontract Inquir - PMINQ:'
    });
    var UserForm_FAUSER = Ext.create('YesNoCombo', {
    name: "UserForm_FAUSER",
    fieldLabel: 'Fixed Assets - FAUSER'
    });


    var UserForm_FAINQ = Ext.create('YesNoCombo', {
    name: "UserForm_FAINQ",
    fieldLabel: 'Fixed Assets - FAINQ'
    });
    var UserForm_PMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_PMUSER",
    fieldLabel: 'Purchasing Management - PMUSER'
    });
    var UserForm_EMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_EMUSER",
    fieldLabel: 'EMUSER - A user can only have one Equipment role'
    });
    var UserForm_EMINQ = Ext.create('YesNoCombo', {
    name: "UserForm_EMINQ",
    fieldLabel: 'EMINQ - A user can only have one Equipment role'
    });


    var UserForm_EMOL = Ext.create('YesNoCombo', {
    name: "UserForm_EMOL",
    fieldLabel: 'EMOL - A user can only have one Equipment role'
    });


    var UserForm_EMOLIQ = Ext.create('YesNoCombo', {
    name: "UserForm_EMOLIQ",
    fieldLabel: 'EMOLIQ - A user can only have one Equipment role'


    });


    var UserForm_EMMECH = Ext.create('YesNoCombo', {
    name: "UserForm_EMMECH",
    fieldLabel: 'EMMECH - A user can only have one Equipment role'
    });


    var UserForm_IMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_IMUSER",
    fieldLabel: 'IMUSER - A user can only have one Inventory role'
    });


    var UserForm_IMINQ = Ext.create('YesNoCombo', {
    name: "UserForm_IMNQ",
    fieldLabel: 'IMNQ - A user can only have one Inventory role'
    });
    var UserForm_CAPEXUSER = Ext.create('YesNoCombo', {
    name: "UserForm_CAPEXUSER",
    fieldLabel: 'Capex Manager - CAPEXUSER'
    });
    var UserForm_SOAR = Ext.create('YesNoCombo', {
    name: "UserForm_SOAR",
    fieldLabel: 'Sales Order/AR - SOAR - Role can be assigned with 1 of the 2 following roles but not both'
    });
    var UserForm_ARRCPTS = Ext.create('YesNoCombo', {
    name: "UserForm_ARRCPTS",
    fieldLabel: 'ARRCPTS - AR Receipts Processor - Role can be assigned with the prior role Or the following role, but not both'


    });
    var UserForm_SOARAD = Ext.create('YesNoCombo', {
    name: "UserForm_SOARAD",
    fieldLabel: 'SOARAD - Role can be assigned with 1 of the 2 preceeding roles but not both'
    });
    var UserForm_SOARINQ = Ext.create('YesNoCombo', {
    name: "UserForm_SOARINQ",
    fieldLabel: 'SOARINQ -Sales Order & AR Inquiry - Do not select SO/AR inquiry role if SP/AR user role is already selected'
    });
    var UserForm_SOARMGR = Ext.create('YesNoCombo', {
    name: "UserForm_SOARMGR",
    fieldLabel: 'SOARMGR - Sales Order & AR Manager'
    });
    /* var UserForm_ACH_Functions = Ext.create('YesNoCombo', {
    store: ['', 'ACHCREATE', 'ACHWRITE'],
    name: "UserForm_ACH_Functions",
    fieldLabel: 'ACH Functions',
    inputWidth: 100,
    labelWidth: 530
    });*/
    var UserForm_HRCORP = Ext.create('YesNoCombo', {
    name: "UserForm_HRCORP",
    fieldLabel: 'HRCORP - Excluding HRPINQ, a user can only have one HR role'
    });
    var UserForm_HRSUB = Ext.create('YesNoCombo', {
    name: "UserForm_HRSUB",
    fieldLabel: 'HRSUB - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRSUBUN = Ext.create('YesNoCombo', {
    name: "UserForm_HRSUBUN",
    fieldLabel: 'HRSUBUN - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRSUBIQ = Ext.create('YesNoCombo', {
    name: "UserForm_HRSUBIQ",
    fieldLabel: 'HRSUBIQ - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRSBUNI = Ext.create('YesNoCombo', {
    name: "UserForm_HRSBUNI",
    fieldLabel: 'HRSBUNI - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_TRNUSER = Ext.create('YesNoCombo', {
    name: "UserForm_TRNUSER",
    fieldLabel: 'TRNUSER- Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRPINQ = Ext.create('YesNoCombo', {
    name: "UserForm_HRPINQ",
    fieldLabel: 'HRPINQ- Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_PRPROC = Ext.create('YesNoCombo', {
    name: "UserForm_PRPROC",
    fieldLabel: 'PRPROC- Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_PRSUBIQ = Ext.create('YesNoCombo', {
    name: "UserForm_PRSUBIQ",
    fieldLabel: 'PRSUBIQ - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_TAXUSER = Ext.create('YesNoCombo', {
    name: "UserForm_TAXUSER",
    fieldLabel: 'Tax User'
    });


    var UserForm_IMPU = Ext.create('YesNoCombo', {
    name: "UserForm_IMPU",
    fieldLabel: 'Inventory & Equipment Power User'
    });


    var UserForm_APPU = Ext.create('YesNoCombo', {
    name: "UserForm_APPU",
    fieldLabel: 'Accounts Payable Power User'
    });
    var UserForm_ARPU = Ext.create('YesNoCombo', {
    name: "UserForm_ARPU",
    fieldLabel: 'AR Power User'
    });


    var UserForm_PMPU = Ext.create('YesNoCombo', {
    name: "UserForm_PMPU",
    fieldLabel: 'Purchase Order Power User'
    });


    var UserForm_FAPU = Ext.create('YesNoCombo', {
    name: "UserForm_FAPU",
    fieldLabel: 'Fixed Asset Power User'
    });


    var UserForm_FINPU = Ext.create('YesNoCombo', {
    name: "UserForm_FINPU",
    fieldLabel: 'Financial Power User'
    });




    /*var UserForm_PRINQUSER = Ext.create('YesNoCombo', {
    name: "UserForm_PRINQUSER",
    fieldLabel: 'Payroll Inquiry Only - PRINQUSER'
    });*/


    var UserForm_union_status = Ext.create('YesNoCombo', {
    store: ["", "Union", "Non-Union"],
    value: '',
    name: "UserForm_union_status",
    fieldLabel: 'User Union Status'
    });
    var UserForm_access_to_union_employees = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_union_employees",
    fieldLabel: 'Access To Union Employees'
    });
    var UserForm_access_to_shop = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_shop",
    fieldLabel: 'Access To Shop (Union and Non-Union)'
    });
    var UserForm_access_to_non_union_employees = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_non_union_employees",
    fieldLabel: 'Access To Non-Union Employees'
    });
    var UserForm_PR_HR_company_access = Ext.create('Ext.form.field.Text', {
    name: "UserForm_PR_HR_company_access",
    inputWidth: 635,
    fieldLabel: 'PR/HR Company Access (List companies)'
    });
    var UserForm_PR_HR_union_access = Ext.create('Ext.form.field.Text', {
    name: "UserForm_PR_HR_union_access",
    inputWidth: 635,
    fieldLabel: 'PR/HR Union Access (List codes)'
    });
    /* var UserForm_companies_user_requires = Ext.create('Ext.form.field.Text', {
    name: "UserForm_companies_user_requires",
    fieldLabel: 'List the the user requires. (Business units 1012 & 1013 are always given.)',
    inputWidth: 635
    });*/
    var UserForm_who_can_user_post_for = Ext.create('Ext.form.field.Text', {
    name: "UserForm_who_can_user_post_for",
    fieldLabel: "Who can this user post for? List Userid's",
    inputWidth: 635
    });
    var UserForm_who_can_post_for_user = Ext.create('Ext.form.field.Text', {
    name: "UserForm_who_can_post_for_user",
    fieldLabel: "Who can post for this user? List Userid's",
    inputWidth: 635
    });
    var UserForm_group_4_app_owner = Ext.create('YesNoCombo', {
    name: "UserForm_group_4_app_owner",
    fieldLabel: 'Group ID 4: Application Owner (All Access)'
    });
    var UserForm_group_4_core_maintenance_allowed = Ext.create('YesNoCombo', {
    name: "UserForm_group_4_core_maintenance_allowed",
    fieldLabel: 'Group ID 4: Core Maintenance Allowed? '
    });
    var UserForm_group_4_security_maintenance_allowed = Ext.create('YesNoCombo', {
    name: "UserForm_group_4_security_maintenance_allowed",
    fieldLabel: 'Group ID 4: Security Maintenance Allowed?'
    });
    var UserForm_group_3_ROCT_Manager = Ext.create('YesNoCombo', {
    name: "UserForm_group_3_ROCT_Manager",
    fieldLabel: 'Group ID 3: ROCT Manager (All access to their own regions/companies)'
    });
    var UserForm_group_2_General_Manager = Ext.create('YesNoCombo', {
    name: "UserForm_group_2_General_Manager",
    fieldLabel: 'Group ID 2: General Manager/Regional Manager (Inquiry & reports only)'
    });
    var UserForm_group_1_ROCT_User = Ext.create('YesNoCombo', {
    name: "UserForm_group_1_ROCT_User",
    fieldLabel: 'Group ID 1: ROCT User (Only has access to update their own schedule records)'
    });
    var UserForm_group_6_ROCT_Assistant = Ext.create('YesNoCombo', {
    name: "UserForm_group_6_ROCT_Assistant",
    fieldLabel: 'Group ID 6: ROCT Assistant '
    });
    var UserForm_application = Ext.create('YesNoCombo', {
    store: ['None', 'All', 'Compliance', 'Safety'],
    value: '',
    name: "UserForm_application",
    fieldLabel: 'Application (Choose one)'
    });


    var storeRegion = Ext.create('Ext.data.Store', {
    fields: ['item'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/db_query.php',
    extraParams: {
    type: 'region'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20,
    listeners: {
    load: function (store, records) {
    store.insert(0, [{
    item: '&nbsp'
    }]);
    }
    }
    });


    var UserForm_region_access = Ext.create('YesNoCombo', {
    name: "UserForm_region_access",
    store: storeRegion,
    queryMode: 'remote',
    minChars: 1,
    editable: false,
    forceSelection: true,
    displayField: 'item',
    inputWidth: 300,
    labelWidth: 330,
    emptyText: 'Select...',
    value: '',
    fieldLabel: 'Region access (Includes all companies with region)'
    });


    var storeCompany = Ext.create('Ext.data.Store', {
    fields: ['item'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/db_query.php',
    extraParams: {
    type: 'company'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20,
    listeners: {
    load: function (store, records) {
    store.insert(0, [{
    item: '&nbsp'
    }]);
    }
    }
    });


    var UserForm_company_access = Ext.create('YesNoCombo', {
    name: "UserForm_company_access",
    store: storeCompany,
    queryMode: 'remote',
    minChars: 1,
    editable: false,
    forceSelection: true,
    displayField: 'item',
    inputWidth: 300,
    labelWidth: 330,
    emptyText: 'Select...',
    value: '',
    fieldLabel: 'Company Access'
    });


    var storeFacility = Ext.create('Ext.data.Store', {
    fields: ['item'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/db_query.php',
    extraParams: {
    type: 'facility'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20,
    listeners: {
    load: function (store, records) {
    store.insert(0, [{
    item: '&nbsp'
    }]);
    }
    }
    });


    var UserForm_facility_access = Ext.create('YesNoCombo', {
    name: "UserForm_facility_access",
    store: storeFacility,
    queryMode: 'remote',
    minChars: 1,
    editable: false,
    forceSelection: true,
    displayField: 'item',
    inputWidth: 300,
    labelWidth: 330,
    emptyText: 'Select...',
    value: '',
    fieldLabel: 'Facility Access'
    });


    var UserForm_scale_security_power_user = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_power_user",
    fieldLabel: 'Power User'
    });
    var UserForm_scale_security_supervisor = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_supervisor",
    fieldLabel: 'Supervisor'
    });
    var UserForm_scale_security_operator = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_operator",
    fieldLabel: 'Operator (Weigh Master)'
    });
    var UserForm_scale_security_buy_back = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_buy_back",
    fieldLabel: 'Will this user run the Buy Back Scale only?'
    });
    var UserForm_access_to_create_modify = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_create_modify",
    fieldLabel: 'Will user need access to create or modify?'
    });
    var UserForm_jde_spreadsheet_server = Ext.create('YesNoCombo', {
    name: "UserForm_jde_spreadsheet_server",
    fieldLabel: 'JDE Spreadsheet Server'
    });
    var UserForm_microsoft_project = Ext.create('YesNoCombo', {
    name: "UserForm_microsoft_project",
    fieldLabel: 'Microsoft Project'
    });
    var UserForm_microsoft_visio = Ext.create('YesNoCombo', {
    name: "UserForm_microsoft_visio",
    fieldLabel: 'Microsoft Visio'
    });
    var UserForm_other_software = Ext.create('Ext.form.field.Text', {
    name: "UserForm_other_software",
    inputWidth: 635,
    fieldLabel: 'Other Required Software'
    });
    var UserForm_TCPSALARIED = Ext.create('YesNoCombo', {
    name: "UserForm_TCPSALARIED",
    fieldLabel: 'TCPSALARIED - Salaried - Does not supervise others'
    });
    var UserForm_TCPMANAGER = Ext.create('YesNoCombo', {
    name: "UserForm_TCPMANAGER",
    fieldLabel: 'TCPMANAGER- Manager- Supervises others & can approve time'
    });


    var UserForm_TCPSUPERVISOR = Ext.create('YesNoCombo', {
    name: "UserForm_TCPSUPERVISOR",
    fieldLabel: 'TCPSUPERVISOR - Supervisor- Supervises others & cannot approve time'
    });


    var UserForm_TCPORPAYROLLCOORDINATOR = Ext.create('YesNoCombo', {
    name: "UserForm_TCPORPAYROLLCOORDINATOR",
    fieldLabel: 'TCPORPAYROLLCOORDINATOR - TCP or Payroll Coordinator - Cannot approve time'
    });
    var UserForm_TCPINQUIRYONLY = Ext.create('YesNoCombo', {
    name: "UserForm_TCPINQUIRYONLY",
    fieldLabel: 'TCPINQUIRYONLY - Inquiry only'
    });
    var UserForm_will_need_access_to = Ext.create('Ext.form.Text', {
    name: "UserForm_will_need_access_to",
    inputWidth: 635,
    fieldLabel: 'For all except Salaried, list the TCP companies or templates the user requires:'
    });






    var UserForm_01001_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01001_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01001_xxxxx'


    });
    var UserForm_01002_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01002_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01002_xxxxx'
    });
    var UserForm_01003_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01003_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01003_xxxxx'


    });




    var UserForm_01004_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01004_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01004_xxxxx'
    });


    var UserForm_01005_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01005_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01005_xxxxx'
    });


    var UserForm_01006_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01006_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01006_xxxxx'
    });


    var UserForm_01007_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01007_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01007_xxxxx'
    });


    var UserForm_01008_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01008_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01008_xxxxx'
    });


    var UserForm_01009_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01009_Dixon",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01009_xxxxx'


    });


    var UserForm_01010_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01010_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01010_xxxxx'
    });


    var UserForm_01011_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01011_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01011_xxxxx'


    });


    var UserForm_01012_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01012_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01012_xxxxx'
    });


    var UserForm_01013_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01013_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx </span>',
    inputValue: '01013_xxxx'


    });


    var UserForm_01015_xxxx= Ext.create('Ext.form.Radio', {
    name: "UserForm_01015_xxxx",
    fieldLabel: '<span style="width:150px;">xxxx</span>',
    inputValue: '01015_xxxx'
    });


    var UserForm_01018_xxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01018_xxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01018_xxxx'


    });


    var UserForm_01020_xxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01020_xxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01020_xxxx
    });


    var UserForm_01025_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01025_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01025_xxxxx'
    });


    var UserForm_01026_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01026_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01026_xxxxx'
    });




    var UserForm_01027_xxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01027_xxxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01027_xxxxx'
    });


    var UserForm_01028_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01028_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01028_xxxxx'
    });


    var UserForm_01033_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01029_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01029_xxxxx'
    });


    var UserForm_01034_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01034_xxxxx",
    fieldLabel: '<span style="width:150px;">Vaca-Fill</span>',
    inputValue: '01034_VacaFill'
    });


    var UserForm_01035_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01035_xxxxx",
    fieldLabel: '<span style="width:150px;">Environ. Solution</span>',
    inputValue: '0135_EnvironSolution'
    });
    var UserForm_intranet_applications = Ext.create('Ext.form.field.Text', {
    name: "UserForm_intranet_applications",
    inputWidth: 635,
    fieldLabel: 'Specify the applications the user needs access to on the Intranet'
    });
    var UserForm_comments = Ext.create('Ext.form.field.TextArea', {
    name: "UserForm_comments",
    inputWidth: 635,
    height: 100,
    fieldLabel: 'Enter any additional comments below'
    });






    var panelTop = Ext.create('Ext.panel.Panel', {
    width: '100%',
    border: false,
    bodyPadding: 0,
    style: 'border-right: 1px solid #eee; padding-right: 20px; margin-top: 10px;',
    items: [
    UserForm_new_existing,
    UserForm_employee_name,
    UserForm_liaison_name,
    UserForm_controller_name,
    UserForm_manager_name,
    UserForm_as400_jde,
    UserForm_job_title,
    UserForm_employee_or_temp,
    UserForm_email_access_required,
    UserForm_outside_email,
    UserForm_internet_access
    ]
    });








    var panelAltar = Ext.create('Ext.panel.Panel', {
    title: 'AR & ALTAR Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    border: false,
    margin: '0 0 0 0',
    html: '<center>If individual functions are needed, please list in the section below. <br> <b>REQUEST FOR ANY BILLING FUNCTIONS MUST BE APPROVED BY FINANCE DEPARTMENT FIRST BEFORE GIVING AUTHORITY.</b> </center> <hr>'
    }, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">ALTAR - Alternate Accounts Receivable</span>'
    },
    /* UserForm_process_payroll,*/
    UserForm_ALTACCT,
    UserForm_ALTCORP,
    UserForm_ALTCSR,
    UserForm_ALTDISP,
    UserForm_ALTGM,
    UserForm_ALTINQ,
    UserForm_ALTOFMGR,


    {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">AR - Accounts Receivable</span>'
    },
    UserForm_ARACCT,
    UserForm_ARCORP,
    UserForm_ARCSR,
    UserForm_ARDISP,
    UserForm_ARGM,
    UserForm_ARINQ,
    UserForm_AROFMGR,
    UserForm_ARSALES, {
    comment: true,
    html: 'Billing functions require training. This form will be sent to Corporate AR manager to schedule billing class after the request is approved by the controller.'
    },
    UserForm_ARBILLU,
    UserForm_ARBILLM, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Weigh Tags</span>'
    },
    UserForm_WTINQ,
    UserForm_WTUPD, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Audit Diversion</span>'
    },
    UserForm_AUDITDIV,
    UserForm_ar_altar_functions_require,
    UserForm_company_authority
    ]
    });
    var panelCalendar = Ext.create('Ext.panel.Panel', {
    title: 'Calendar Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_public_calendars,
    UserForm_public_calendars_auth_level
    ]
    });
    var panelEbill = Ext.create('Ext.panel.Panel', {
    title: 'Kubra',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_CSR_Access,
    UserForm_power_user
    ]
    });
    var panelView2 = Ext.create('Ext.panel.Panel', {
    title: 'View 2',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_view2
    ]
    });
    var panelEmail = Ext.create('Ext.panel.Panel', {
    title: 'E-mail Encryption ',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_email_encryption, {
    comment: true,
    html: 'Note: this service is $20 per user/month and must be approved by I.T.'
    }
    ]
    });
    var panelFolder = Ext.create('Ext.panel.Panel', {
    title: 'Folder Authority ',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_folder_paths, {
    comment: true,
    html: 'Temps do not get company default folder unless specified above.'
    },
    UserForm_level_of_authority
    ]
    });
    var panelJDE = Ext.create('Ext.panel.Panel', {
    title: 'JDE Edwards - Oracle EnterpriseOne',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">User Roles</span>'
    },


    {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">General Accounting</div>'


    }, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-style:italic;">An individual can only have one General Accounting role</div>'
    },
    UserForm_GLUSER,
    UserForm_GLINQ,
    UserForm_ANLY,
    UserForm_CNTRLR, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },


    {
    comment: true,
    html: '<div style="font-size:14px; color:#000;font-style:italic;width:450px;margin-top:10px;">This role can be combined with 1 other General Accounting role</div>'
    },
    UserForm_BAPPRV, {
    comment: true,
    html: '<div>&nbsp;</div>'
    }, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Accounts Payable</div>'
    }, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-style:italic;">Only 2 of the following 3 roles can be assigned to 1 individual</div>'
    },
    UserForm_APUSER,
    UserForm_APPMTW,
    UserForm_APPMTCU,
    UserForm_APBLUSR,
    UserForm_APINQ,
    UserForm_APBLINQ,
    UserForm_APAD, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Purchase Order/Contracts</div>'
    },
    UserForm_CMUSER,


    UserForm_PMUSER,
    UserForm_POAPPRV,
    UserForm_PMINQ, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Fixed Assets</div>'
    },
    UserForm_FAUSER,
    UserForm_FAINQ, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Equipment</div>'
    },
    UserForm_EMUSER,
    UserForm_EMINQ,
    UserForm_EMOL,
    UserForm_EMOLIQ,
    UserForm_EMMECH, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Inventory</div>'
    },
    UserForm_IMUSER,
    UserForm_IMINQ, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Sales Order/AR</div>'
    },
    UserForm_SOAR,


    UserForm_ARRCPTS, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_SOARAD,
    UserForm_SOARINQ, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_SOARMGR, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_CAPEXUSER,


    /* UserForm_user_been_trained,
    UserForm_print_auto_signatures,
    UserForm_which_name,
    UserForm_ACH_Functions,*/
    /* {
    comment: true,
    html: '<div class="blue">Director of HR and Corporate Controller MUST give final approval before granting access to PR and HR functions.</div>'
    },*/
    {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Human Resources/Payroll</div>'
    },
    UserForm_HRCORP,
    UserForm_HRSUB,
    UserForm_HRSUBUN,
    UserForm_HRSUBIQ,
    UserForm_HRSBUNI,
    UserForm_TRNUSER,
    UserForm_HRPINQ,
    UserForm_PRPROC,
    UserForm_PRSUBIQ, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    /* UserForm_PRINQUSER,*/
    {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Corporate</div>'
    },
    UserForm_TAXUSER,
    UserForm_IMPU,
    UserForm_APPU,
    UserForm_ARPU,
    UserForm_PMPU,
    UserForm_FAPU,
    UserForm_FINPU,








    {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_union_status,
    UserForm_access_to_union_employees,
    UserForm_access_to_shop,
    UserForm_access_to_non_union_employees,
    UserForm_PR_HR_company_access,
    UserForm_PR_HR_union_access, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Company Authority</span>'
    },
    /*UserForm_companies_user_requires,*/
    {
    comment: true,
    html: '<span style="font-size:14px;">List the user\'s company or companies if more than one</span>'
    },






    UserForm_01001_xxxxxxx,
    UserForm_01002_xxxxxxx,
    UserForm_01003_xxxxxxx,
    UserForm_01004_xxxxxxx,
    UserForm_01005_xxxxxxx,
    UserForm_01006_xxxxxxx,
    UserForm_01007_xxxxxxx,
    UserForm_01008_xxxxxxx,
    UserForm_01009_xxxxxxx,
    UserForm_01010_xxxxxxx,
    UserForm_01011_xxxxxxx,
    UserForm_01012_xxxxxxx,
    UserForm_01013_xxxxxxx,
    UserForm_01015_xxxxxxx,
    UserForm_01018_xxxxxxx,
    UserForm_01020_xxxxxxx,
    UserForm_01025_xxxxxxx,
    UserForm_01026_xxxxxxx,
    UserForm_01027_xxxxxxx,
    UserForm_01028_xxxxxxx,
    UserForm_01033_xxxxxxx,
    UserForm_01034_xxxxxxx,


    UserForm_01035_xxxxxxx,




    {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Posting Authority</span>'
    },


    UserForm_who_can_user_post_for,
    UserForm_who_can_post_for_user
    ]
    });
    var panelRoct = Ext.create('Ext.panel.Panel', {
    title: 'xxxxx Online Compliance Tracker (ROCT)',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_group_4_app_owner,
    UserForm_group_4_core_maintenance_allowed,
    UserForm_group_4_security_maintenance_allowed,
    UserForm_group_3_ROCT_Manager,
    UserForm_group_2_General_Manager,
    UserForm_group_1_ROCT_User,
    UserForm_group_6_ROCT_Assistant,
    UserForm_application,
    UserForm_region_access,
    UserForm_company_access,
    UserForm_facility_access
    ]
    });
    var panelPCScale = Ext.create('Ext.panel.Panel', {
    title: 'PC Scale Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_scale_security_power_user,
    UserForm_scale_security_supervisor,
    UserForm_scale_security_operator,
    UserForm_scale_security_buy_back
    ]
    });
    var panelShowcase = Ext.create('Ext.panel.Panel', {
    title: 'Showcase Query Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    comment: true,
    html: 'NOTE: All users can run Showcase queries and reports.'
    },
    UserForm_access_to_create_modify
    ]
    });
    var panelSoftware = Ext.create('Ext.panel.Panel', {
    title: 'Software (Additional) Required',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_jde_spreadsheet_server,
    UserForm_microsoft_project,
    UserForm_microsoft_visio,
    UserForm_other_software
    ]
    });
    var panelTimeClock = Ext.create('Ext.panel.Panel', {
    title: 'TimeClock Plus',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    comment: true,
    html: 'Select the authority the user should have in TimeClock Plus (TCP). Select only one.:'
    },
    UserForm_TCPSALARIED,
    UserForm_TCPMANAGER,
    UserForm_TCPSUPERVISOR,
    UserForm_TCPORPAYROLLCOORDINATOR,
    UserForm_TCPINQUIRYONLY,
    UserForm_will_need_access_to
    ]
    });
    var panelWebApps = Ext.create('Ext.panel.Panel', {
    title: 'Web Applications',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_intranet_applications
    ]
    });


    var panelSubmit = Ext.create('Ext.panel.Panel', {
    width: '100%',
    items: [
    UserForm_comments, {
    xtype: 'button',
    text: 'Submit Form',
    scale: 'large',
    width: 250,
    border: 1,
    handler: function () {
    var form = mainPanel.getForm();
    if (form.isValid()) {


    var myMask = new Ext.LoadMask(Ext.getBody(), {
    msg: "Sending form, please wait..."
    });
    myMask.show();


    form.submit({
    url: '/ust_forms/forms/User_Add_Change/processForm.php',
    params: {
    type: 'email'
    },
    success: function (form, action) {
    myMask.hide();


    thankYou();
    return;


    Ext.Msg.show({
    title: 'Form submission',
    msg: 'The informaton has been sent.<br>Thank you for using this form.',
    buttons: Ext.Msg.OK,
    closable: false,
    icon: Ext.Msg.INFO
    });
    },
    failure: function (form, action) {
    myMask.hide();


    Ext.Msg.show({
    title: 'Form Submission Error',
    msg: "The form could not be sent. Please contact support",
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    });
    } else {
    Ext.Msg.show({
    title: 'Error',
    msg: 'Please correct the fields marked in blue.',
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    }
    }, {
    margin: '30 0 0 0',
    html: '<center>If you have any questions please contact User Support and Training. <br> User Support will assist your Liaison with any questions.</center>'
    }
    ]
    });




    var mainPanel = Ext.create('Ext.form.Panel', {
    renderTo: 'mContainer',
    width: 730,
    layout: 'vbox',
    items: [{
    html: heredoc(intro_help),
    border: false,
    width: 710
    }, {
    layout: 'hbox',
    border: false,
    items: [{
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonName'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonCompany'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonPhone'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonEmail'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerName'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerCompany'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerPhone'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerEmail'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeeName'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeeCompany'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeePhone'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeeEmail'
    },
    panelTop, {
    html: info_help('employee') + info_help('liaison') + info_help('controller'),
    border: false,
    //width: 700,
    margin: '0 0 20 20'
    }
    ]
    },
    Ext.create('Ext.toolbar.Toolbar', {
    width: '100%',
    margin: '10 0 20 0',
    items: [{
    text: 'Expand All',
    iconCls: 'expand',
    handler: function () {
    var sPanels = [
    panelAltar,
    panelCalendar,
    panelEbill,
    panelView2,
    panelEmail,
    panelFolder,
    panelJDE,
    panelRoct,
    panelPCScale,
    panelShowcase,
    panelSoftware,
    panelTimeClock,
    panelWebApps
    ];
    for (var i = 0; i < sPanels.length; i++) {
    sPanels[i].expand();
    }
    }
    }, {
    text: 'Collapse All',
    iconCls: 'collapse',
    handler: function () {
    var sPanels = [
    panelAltar,
    panelCalendar,
    panelEbill,
    panelView2,
    panelEmail,
    panelFolder,
    panelJDE,
    panelRoct,
    panelPCScale,
    panelShowcase,
    panelSoftware,
    panelTimeClock,
    panelWebApps
    ];
    for (var i = 0; i < sPanels.length; i++) {
    sPanels[i].collapse();
    }
    }
    }, {
    text: 'Preview Form',
    iconCls: 'preview',
    handler: function () {
    var form = mainPanel.getForm();
    if (form.isValid()) {
    form.submit({
    url: '/ust_forms/forms/User_Add_Change/processForm.php',
    params: {
    type: 'preview'
    },
    success: function (form, action) {
    popUpFrame(action.result.id);
    }
    });
    } else {
    Ext.Msg.show({
    title: 'Error',
    msg: 'Please correct the fields marked in blue.',
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    }
    }, {
    text: 'Send Form',
    iconCls: 'email',
    handler: function () {


    var form = mainPanel.getForm();
    if (form.isValid()) {


    var myMask = new Ext.LoadMask(Ext.getBody(), {
    msg: "Sending form, please wait..."
    });
    myMask.show();


    form.submit({
    url: '/ust_forms/forms/User_Add_Change/processForm.php',
    params: {
    type: 'email'
    },
    success: function (form, action) {
    myMask.hide();


    thankYou();
    return;


    Ext.Msg.show({
    title: 'Form submission',
    msg: 'The informaton has been sent.<br>Thank you for using this form.',
    buttons: Ext.Msg.OK,
    closable: false,
    icon: Ext.Msg.INFO
    });
    },
    failure: function (form, action) {
    myMask.hide();


    Ext.Msg.show({
    title: 'Form Submission Error',
    msg: "The form could not be sent. Please contact support",
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    });
    } else {
    Ext.Msg.show({
    title: 'Error',
    msg: 'Please correct the fields marked in blue.',
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    }
    }]
    }),
    panelAltar,
    panelCalendar,
    panelEbill,
    panelView2,
    panelEmail,
    panelFolder,
    panelJDE,
    panelRoct,
    panelPCScale,
    panelShowcase,
    panelSoftware,
    panelTimeClock,
    panelWebApps,
    panelSubmit
    ]
    });


    var fields = [
    UserForm_ALTACCT,
    UserForm_ALTCORP,
    UserForm_ALTCSR,
    UserForm_ALTDISP,
    UserForm_ALTGM,
    UserForm_ALTINQ,
    UserForm_ALTOFMGR,
    UserForm_ARACCT,
    UserForm_ARCORP,
    UserForm_ARCSR,
    UserForm_ARDISP,
    UserForm_ARGM,
    UserForm_ARINQ,
    UserForm_AROFMGR,
    UserForm_ARSALES,
    UserForm_ARBILLU,
    UserForm_ARBILLM,
    UserForm_WTINQ,
    UserForm_WTUPD,
    UserForm_AUDITDIV,
    UserForm_ar_altar_functions_require,
    UserForm_company_authority,
    UserForm_public_calendars,
    UserForm_public_calendars_auth_level,
    UserForm_CSR_Access,
    UserForm_power_user,
    UserForm_view2,
    UserForm_email_encryption,
    UserForm_folder_paths,
    UserForm_level_of_authority,
    /*UserForm_user_been_trained,*/
    UserForm_APUSER,
    /* UserForm_print_auto_signatures,
    UserForm_which_name,*/
    UserForm_GLUSER,
    UserForm_GLINQ,
    UserForm_CMUSER,
    UserForm_POAPPRV,
    UserForm_PMINQ,
    UserForm_FAUSER,
    UserForm_PMUSER,
    UserForm_CAPEXUSER,
    /*UserForm_ACH_Functions,*/
    UserForm_HRCORP,
    /*UserForm_PRINQUSER,*/
    UserForm_01001_xxxxx,
    UserForm_01002_xxxxx,
    UserForm_01003_xxxxxx,
    UserForm_union_status,
    UserForm_access_to_union_employees,
    UserForm_access_to_shop,
    UserForm_access_to_non_union_employees,
    UserForm_PR_HR_company_access,
    UserForm_PR_HR_union_access,
    /* UserForm_companies_user_requires,*/
    UserForm_who_can_user_post_for,
    UserForm_who_can_post_for_user,
    UserForm_group_4_app_owner,
    UserForm_group_4_core_maintenance_allowed,
    UserForm_group_4_security_maintenance_allowed,
    UserForm_group_3_ROCT_Manager,
    UserForm_group_2_General_Manager,
    UserForm_group_1_ROCT_User,
    UserForm_group_6_ROCT_Assistant,
    UserForm_application,
    UserForm_region_access,
    UserForm_scale_security_power_user,
    UserForm_scale_security_supervisor,
    UserForm_scale_security_operator,
    UserForm_scale_security_buy_back,
    UserForm_access_to_create_modify,
    UserForm_jde_spreadsheet_server,
    UserForm_microsoft_project,
    UserForm_microsoft_visio,
    UserForm_other_software,
    /*UserForm_will_approve_time,
    UserForm_process_payroll,*/
    UserForm_will_need_access_to,
    UserForm_intranet_applications,
    UserForm_comments,
    UserForm_company_access,
    UserForm_facility_access
    ];


    for (var i = 0; i < fields.length; i++) {
    fields[i].addCls('even');
    }
    }
    });

  2. Thanks Scott. This is what I did, and it works for this form:

    I first had to define all the vars I was going to use:

    var UserForm_xxxx_blahblahblah;

    etc.,
    When I didn't do this, I got an undefined error message.

    Then I did this:

    var UserForm_Companies = Ext.create('Ext.form.RadioGroup',{
    title:'Companies',
    width:650,
    height:400,
    bodyPadding:10,
    items:[{
    xtype:'radiogroup',
    fieldLabel:'',
    columns:4,
    vertical:true,
    items[{
    etc....
    Basically following the radiogroup example except getting rid of the renderToBody function which was putting the radiogroup outside the form. I built this radiogroup within the panel where I wanted it displayed.

    So far, all the variables are being passed to the processing and email form.

    I hope this helps anyone who runs into this problem trying to embed a radiogroup into an existing sencha form.

    thanks

  3. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,862
    Answers
    651
    Vote Rating
    438
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    You example code is a bit much to try and debug .. how about something like this:



    Scott.

  4. #3
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default solved it

    solved it


    I solved it by eliminating the renderToBody function:

    Ext.create('Ext.form.Panel', {
    title: 'RadioGroup Example',
    width: 300,
    height: 125,
    bodyPadding: 10,

    items: [{
    xtype: 'radiogroup',
    fieldLabel: 'Two Columns',
    // Arrange radio buttons into two columns, distributed vertically
    columns: 2,
    vertical: true,
    items: [{
    boxLabel: 'Item 1',
    name: 'rb',
    inputValue: '1'
    }, {
    boxLabel: 'Item 2',
    name: 'rb',
    inputValue: '2',
    checked: true
    }, {
    boxLabel: 'Item 3',
    name: 'rb',
    inputValue: '3'
    }, {
    boxLabel: 'Item 4',
    name: 'rb',
    inputValue: '4'
    }, {
    boxLabel: 'Item 5',
    name: 'rb',
    inputValue: '5'
    }, {
    boxLabel: 'Item 6',
    name: 'rb',
    inputValue: '6'
    }]
    }]
    });

    doesn't break anything yet. Will test and see if the parameters are being passed in the form.

  5. #4
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default Thanks for your response!

    Thanks for your response!


    Thanks Scott. This is what I did, and it works for this form:

    I first had to define all the vars I was going to use:

    var UserForm_xxxx_blahblahblah;

    etc.,
    When I didn't do this, I got an undefined error message.

    Then I did this:

    var UserForm_Companies = Ext.create('Ext.form.RadioGroup',{
    title:'Companies',
    width:650,
    height:400,
    bodyPadding:10,
    items:[{
    xtype:'radiogroup',
    fieldLabel:'',
    columns:4,
    vertical:true,
    items[{
    etc....
    Basically following the radiogroup example except getting rid of the renderToBody function which was putting the radiogroup outside the form. I built this radiogroup within the panel where I wanted it displayed.

    So far, all the variables are being passed to the processing and email form.

    I hope this helps anyone who runs into this problem trying to embed a radiogroup into an existing sencha form.

    thanks

  6. #5
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default update on this form

    update on this form


    I converted ext.form.radiogroup to ext.form.checkboxgroup, and everything basically worked fine, except when you have height set, the form would overlap with the lower divs. So I had to eliminate height altogether and the form worked fine.

    So for this form i had to eliminate both renderToBody() function, and the height property in the ext.form.checkboxgroup.

    Hope this helps anyone who runs into this issue.

    Regards,
    umbre gachoong

Thread Participants: 1