Evan, here's the whole form. Even the row numberer object is the same column width.
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="PavukIDF 2.0" />
<title>Database Designer</title>
<link rel="stylesheet" type="text/css" media="all" href="https://www.pavuk.com/ext/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" media="all" href="https://www.pavuk.com/ext/examples/ux/css/ux-all.css"/>
<link rel="stylesheet" type="text/css" media="all" href="https://www.pavuk.com/css/pavuk.css"/>
<script src="https://www.pavuk.com/ext/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="https://www.pavuk.com/ext/ext-all-debug.js" type="text/javascript"></script>
<script src="https://www.pavuk.com/ext/examples/ux/ux-all-debug.js" type="text/javascript"></script><style></style></head><body><script>
var file_store = new Ext.data.ArrayStore({
storeId:'file_store'
,autoDestroy:true
,autoLoad:true
,autoSave:false
,idIndex:0
,fields: [
'col_0',
'col_1',
'col_2',
'col_3',
'col_4',
'col_5',
'col_6',
'col_7',
'col_8',
'col_9',
'col_10',
'col_11',
'col_12',
'col_13',
'col_14',
'col_15',
'col_16',
'col_17',
'col_18'
]
,data: [
[1,'NAME_FIRST','','','','YES','','','','','','','','','','','','',''],
[2,'NAME_LAST','','','','YES','','','','','','','','','','','','',''],
[3,'ADDRESS','','','','','','','','','','','','','','','','',''],
[4,'PHONE','Home Phone','','','','','','','','','','','','','','','',''],
[5,'PHONE','Work Phone','','','','','','','','','','','','','','','',''],
[6,'PHONE','Mobile Phone','','','','','','','','','','','','','','','',''],
[7,'URL_EMAIL','Home Email','','','','','','','','','','','','','','','',''],
[8,'URL_EMAIL','Work Email','','','','','','','','','','','','','','','',''],
[9,'DATE','Date of Birth','','','','','','','','','','','','','','','',''],
[10,'CHECK','Spectrum Type','','','','','','','','','Subscriber,Contributor,Editor,Advertiser','','','','','','',''],
[11,'TEXTBOX','Notes','65','','','','','','','','','','','','','','',''],
[12,'','','','','','','','','','','','','','','','','',''],
[13,'','','','','','','','','','','','','','','','','',''],
[14,'','','','','','','','','','','','','','','','','',''],
[15,'','','','','','','','','','','','','','','','','',''],
[16,'','','','','','','','','','','','','','','','','',''],
[17,'','','','','','','','','','','','','','','','','',''],
[18,'','','','','','','','','','','','','','','','','',''],
[19,'','','','','','','','','','','','','','','','','',''],
[20,'','','','','','','','','','','','','','','','','',''],
[21,'','','','','','','','','','','','','','','','','',''],
[22,'','','','','','','','','','','','','','','','','',''],
[23,'','','','','','','','','','','','','','','','','',''],
[24,'','','','','','','','','','','','','','','','','',''],
[25,'','','','','','','','','','','','','','','','','',''],
[26,'','','','','','','','','','','','','','','','','',''],
[27,'','','','','','','','','','','','','','','','','',''],
[28,'','','','','','','','','','','','','','','','','',''],
[29,'','','','','','','','','','','','','','','','','',''],
[30,'','','','','','','','','','','','','','','','','',''],
[31,'','','','','','','','','','','','','','','','','',''],
[32,'','','','','','','','','','','','','','','','','',''],
[33,'','','','','','','','','','','','','','','','','',''],
[34,'','','','','','','','','','','','','','','','','',''],
[35,'','','','','','','','','','','','','','','','','',''],
[36,'','','','','','','','','','','','','','','','','','']
]
});
var file_column = new Ext.grid.ColumnModel({
defaults:{sortable:true,menuDisabled:true,defaultWidth:150}
,columns:[
new Ext.grid.RowNumberer(),
{header:'Element',width:100,dataIndex:'col_1'},
{header:'Description',width:120,dataIndex:'col_2'},
{header:'Lth',width:25,dataIndex:'col_3'},
{header:'Units',width:35,dataIndex:'col_4'},
{header:'Reqd',width:35,dataIndex:'col_5'},
{header:'Pivot Vfile',width:90,dataIndex:'col_6'},
{header:'Vatb',width:35,dataIndex:'col_7'},
{header:'Indexed',width:80,dataIndex:'col_8'},
{header:'Grid Name',width:80,dataIndex:'col_9'},
{header:'Gseq',width:35,dataIndex:'col_10'},
{header:'Linked Values',width:200,dataIndex:'col_11'},
{header:'Load File',width:90,dataIndex:'col_12'},
{header:'Lkey',width:35,dataIndex:'col_13'},
{header:'Lsatb',width:35,dataIndex:'col_14'},
{header:'Look',width:35,dataIndex:'col_15'},
{header:'Desc',width:35,dataIndex:'col_16'},
{header:'Eans',width:35,dataIndex:'col_17'},
{header:'Select Query',width:35,dataIndex:'col_18'}
]
});Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='https://www.pavuk.com/ext/docs/resources/s.gif';
Ext.QuickTips.init();
var P_FILE = new Ext.form.FormPanel({
standardSubmit: true
,renderTo: Ext.getBody()
,id:'mainForm'
,formId:'P_FILE'
,method:'POST'
,frame:true
,height:670
,width:985
,layout:'form'
,items:[
{xtype:'hidden',id:'htab',name:'htab',value:'tab0'},
{xtype:'panel'
,layout:'absolute'
,id:'recordpanel'
,height:100
,title:'Database Designer Spectrum International bcrowell'
,deferredRender:false
,defaults:{
layout:'absolute'
,hideMode:'offsets'
,bodyStyle:'padding:5px'
}
,items:[
{xtype: 'box'
,id:'pavuk'
,x:945
,y:0
,autoEl: {tag: 'img', src: 'https://www.pavuk.com/icons/pavuk.gif'}
},
{xtype:'textfield'
,id:'ikey'
,name:'key'
,x:340,y:5
,width: 150
,emptyText:'Record Locator'
,value:'U.PEOPLE'
,maxLength: 30
,maxLengthText:'The maximum size is 30 characters'
,focusClass:'pavuk-field-focus'
,readOnly:true
,cls:'pavuk-readonly'
},
{xtype:'button'
,id:'command_0'
,width:85
,x:500,y:1
,text:'Get'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/database.png'
,tooltip:'Click me to get a record from the database'
,tooltipType:'title'
,style:'padding:3px'
,disabled:false
,handler: function() {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=get';
P_FILE.getForm().submit();
}
},
{xtype: 'box'
,id:'box1'
,x:340
,y:33
,autoEl: {tag: 'img', src: 'https://www.pavuk.com/ktp/icons/32x32/document_edit.png',qtip:'This is an existing record which may be edited.'}
},
{xtype: 'box'
,id:'box2'
,x:380
,y:33
,autoEl: {tag: 'img', src: 'https://www.pavuk.com/ktp/icons/32x32/lightbulb_on.png',qtip:'This record is active.'}
},
{xtype:'button'
,id:'command_99'
,width:85
,x:885,y:45
,text:'Logout'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/user.png'
,tooltip:'Click me to logout.'
,tooltipType:'title'
,style:'padding:3px'
,disabled:false
,handler: function() {
Ext.Msg.confirm('Confirmation','Do you wish to logout?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=logout';
P_FILE.getForm().submit();
} else {}
});
}
}
]
},
{xtype:'tabpanel'
,id:'tabpanel'
,activeTab:0
,border:true
,height:515
,deferredRender:false
,layoutOnTabChange:true
,defaults:{
layout:'absolute'
,bodyStyle:'padding:3px'
}
,items:[
{title:'Field Data'
,id:'tab0'
,items:[
{xtype:'grid'
,height:485
,width:971
,frame:true
,store:file_store
,cm:file_column
,columnLines:true
,bbar: new Ext.Toolbar()
,sm: new Ext.grid.RowSelectionModel({
singleSelect: true
,listeners:{
rowselect:{
fn: function(sm,index,record) {
index += 1;
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=U.PEOPLE&window=newwindow&command=call&function=EXT.FILE2&ipc_atb='+index,'FILE2','width=700, height=600, left=575,top=150'); return false;
}
}
}
})
}
]}
]
,listeners: { tabchange: function(e,f) { var stuff = document.getElementById('htab'); stuff.value = f.id;}}
}
]
,buttons:[
{xtype:'button'
,id:'command_1'
,width:80
,text:'Save/Run'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/save.png'
,tooltip:'Click me to save form data and uploaded attachments to the database'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=U.PEOPLE&form=P_FILE&command=save';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
},
{xtype:'button'
,id:'command_2'
,width:80
,text:'Access'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/history.png'
,tooltip:'Click here to view record filing history'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=newwindow&key=U.PEOPLE&form=P_FILE&command=access','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_3'
,width:80
,text:'Attach'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/attach.png'
,tooltip:'Click here to view previously saved attachments or to upload new attachment files'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=attach&key=U.PEOPLE&form=P_FILE&command=attach','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_4'
,width:80
,text:'Reset'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/reload.png'
,tooltip:'Reset causes all unsaved data to be discarded and the form ready for re-use'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Reset?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=reset';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=reset';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
},
{xtype:'button'
,id:'command_5'
,width:80
,text:'Search'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/find.png'
,tooltip:'Enter desired data into form fields and click search'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=search';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
},
{xtype:'button'
,id:'command_6'
,width:80
,text:'Select'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/show_source.png'
,tooltip:'Select a record from the current database or add a new record.'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Select?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=select';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=select';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
},
{xtype:'button'
,id:'command_7'
,width:80
,text:'Delete'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/trash.png'
,tooltip:'Click me to delete the present item from the database'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
Ext.Msg.confirm('Confirmation','Do you really want to delete this record?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=delete';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
}
},
{xtype:'button'
,id:'command_8'
,width:80
,text:'Print'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/print.png'
,tooltip:'Click me to get a printer friendly form'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=newwindow&key=&form=P_FILE&command=req_print','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_9'
,width:80
,text:'Follow'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/bookmark.png'
,tooltip:'Click me to have the record follow to another form.'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Follow?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=follow';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=follow';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
},
{xtype:'button'
,id:'command_10'
,width:80
,text:'Help'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/help.png'
,tooltip:'Opens a help window for this form'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
window.open('https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&window=newwindow&key=&form=P_FILE&command=help','newwindow','width=700, height=500, left=675,top=300');
}
},
{xtype:'button'
,id:'command_11'
,width:80
,text:'Exit'
,cls:'pavuk-button'
,icon:'https://www.pavuk.com/ktp/icons/16x16/stop.png'
,tooltip:'Exit this form. Discards all unsaved data changes.'
,tooltipType:'title'
,style:'padding:1px'
,disabled:false
,handler: function() {
if (Ext.getCmp('mainForm').getForm().isDirty() === true ) {
Ext.Msg.confirm('Confirmation','Form has unsaved changes.<br />Still Exit?', function(btn,text){
if (btn == 'yes'){
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=exit';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
} else {return false;}
});
} else {
P_FILE.getForm().getEl().dom.action = 'https://www.pavuk.com/pavuk.qsp&ts=1281017545&account=PSPECTRUM&key=&form=P_FILE&command=exit';
P_FILE.getForm().getEl().dom.method='POST';
P_FILE.getForm().submit();
}
}
}
]
});
P_FILE.render(document.body);
});</script></body></html>
This same form runs nicely in 3.2.2. It does not look like each column is spaced evenly at 150px. Seems a bit smaller. Running Safari on OS X. Let me know if I should try another browser.
Bill
Powered by vBulletin® Version 4.2.3 Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.