I am trying to add a Contact Us / Email with an email addr below client input text box, but it is not displaying.
I do not want view: text because I do not want the clients to be able to click inside the box, but when I try view: template … no go.
So, below the client phone number, I would like the following:
Contact Us / Email: orderpizza@ordernow.com
webix.ui({
container:"areaA",
view:"form",
id:"orderform",
width:450,
margin:0,
padding:0,
scroll:false,
borderless:true,
elements:[{
view:"tabview",
tabbar:{ options:["Contact Info","Order Info"]}, animate:false,
cells:[
{ id:"Contact Info", rows:[
{ rows:[
{ view:"text", id:"name", name:"name", label:"Name", value:"", labelWidth:155},
{ view:"text", id:"address", name:"address", label:"Address", value:"", labelWidth:155 },
{ view:"text", id:"phonenum", name:"phonenum", label:"Phone Number", value:"", labelWidth:155 },
{ view:"template", id:"emailus", name:"emailus", template:"Contact Us / Email: orderpizza@ordernow.com", labelWidth:155 }
]}
]},
{ id:"Order Info", visibleBatch:"Credit Card", rows:[
{ view:"richselect", id:"ordertype", name:"ordertype", label:"Pizza Order", labelWidth:155, value:"Which Pizza Do You Want?", options:["Pizza + Single Topping","Pizza + Two Toppings","Pizza + Three Toppings","Pizza Dinner Package"]},
{ view:"radio", id:"payment", name:"payment", label:"Payment By" , labelWidth:155, value:"Credit Card", options:["Credit Card","Paypal"], click:function(){
$$("Order Info").showBatch(this.getValue());}
},
{ view:"text", batch:"Credit Card", id:"ccname", name:"ccname", label:"Credit Card Name", labelWidth:155},
{ view:"text", batch:"Credit Card", id:"ccnumber", name:"ccnumber", label:"Credit Card Number", labelWidth:155},
{ view:"text", batch:"Credit Card", id:"ccexpire", name:"ccexpire", label:"Expiration Date", labelWidth:155},
{ view:"text", batch:"Paypal", id:"pp", name:"pp", label:"Paypal Email", labelWidth:155}
]}
]
},
{
view:"form", width:200, scroll:false,
cols:[
{ view:"button", label:"Submit", height:30, width:100, click:function(){
if ($$('orderform').validate()) {
webix.alert("ORDER HAS BEEN PLACED.");
}
else
webix.alert({ type:"error", text:"INFORMATION MISSING." });
}}
]
}
],
rules:{
name: webix.rules.isNotEmpty,
phonenum: webix.rules.isNotEmpty,
address: webix.rules.isNotEmpty,
ccname:function(data,obj) {
if(($$('payment').getValue()) == "Credit Card")
{ return ($$('ccname').getValue()); }
else {
return -1;
}
},
ccnumber:function(data,obj) {
if(($$('payment').getValue()) == "Credit Card")
{ return ($$('ccnumber').getValue()); }
else {
return -1;
}
},
ccexpire:function(data,obj) {
if(($$('payment').getValue()) == "Credit Card")
{ return ($$('ccexpire').getValue()); }
else {
return -1;
}
},
pp:function(data,obj) {
if(($$('payment').getValue()) == "Paypal")
{ return ($$('pp').getValue()); }
else {
return -1;
}
}
}
});