processmaker-builder/workflow/engine/templates/admin/calendarEdit.html

The gulp task runner for ProcessMaker building

<div style="padding: 15px">
<div id="list-panel"></div>
</div>

<style type="text/css">
 .x-viewport {
  overflow:auto;
}

a {
  color: #006699;cursor: pointer;text-decoration: none;
}

a:hover {
  color:orange !important;
  cursor:pointer
}



body {
  /* overflow-x: hidden !important;*/
  /* background-color:white !important;*/
   border-color: #D0D0D0;
}
.x-panel-body {

    /*background-color:white !important;*/
    border-color: #F1F1F1;
    overflow:auto;

}
  

.ux-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.ux-layout-center .x-panel-body {            
    text-align:center;
}



/*!Grid*/
		.x-grid3 .x-window-ml{
			padding-left: 0;	
		} 
		.x-grid3 .x-window-mr {
			padding-right: 0;
		} 
		.x-grid3 .x-window-tl {
			padding-left: 0;
		} 
		.x-grid3 .x-window-tr {
			padding-right: 0;
		} 
		.x-grid3 .x-window-tc .x-window-header {
			height: 3px;
			padding:0;
			overflow:hidden;
		} 
		.x-grid3 .x-window-mc {
			border-width: 0;
			background: #cdd9e8;
		} 
		.x-grid3 .x-window-bl {
			padding-left: 0;
		} 
		.x-grid3 .x-window-br {
			padding-right: 0;
		}
		.x-grid3 .x-panel-btns {
			padding:0;
		}
		.x-grid3 .x-panel-btns td.x-toolbar-cell {
			padding:3px 3px 0;
		}
		.x-box-inner {
			zoom:1;
		}
        .icon-user-add {
            background-image: url(/images/add-row-after.png) !important;
        }
        .icon-user-delete {
            background-image: url(/images/delete-row.png) !important;
        }        

/*!Grid*/
</style>


<script type="text/javascript">
	
	
	var a, b, c;	
	function addField(){
    fordata= Ext.getCmp('fordata1');
    dynForm = fordata;
    
		a = new Ext.form.TextField({
			fieldLabel: "A"		
		});
		
		b = new Ext.form.TextField({
			fieldLabel: "B"		
		});
		
		c = new Ext.form.TextField({
			fieldLabel: "C"		
		});
			
		dynForm.add( a );
		dynForm.add( b );
		dynForm.addAfter( a, c );
		dynForm.doLayout();	
	}
	
	function remove(){
		var e = b.el.up( '.x-form-item' );
		dynForm.remove( b );
		e.remove();		
		dynForm.doLayout();
	}
		
</script>