*** HTML changes ***

1. Remove from "From Date" & "To Date" - data-bind="html:setMLString('^$~From^$

~dateCM^CM^Period_FromDate')"
2. add "headerBlur" to Main BusinessUnit & MeasurementPoint comboboxes
3. 'X' - cancel:
<div class='col-md-12' style='margin-bottom:5px;' >
<span class='k-icon k-i-close pull-left' style='margin-right: 10px; mar
gin-top: 25px;' onclick='collapseCurrDetailRow(this);'></span>
</div>
4. done:
<button class='btn btn-info btn-md btn-cust pull-right detailFooterDone' onclick
='doneCurrDetailRow(this);' >Done</button>
5. For Upload in Main:
<div class='col-md-12'>
<div id='showFiles'></div></div>
6. For Upload in Child:
<div class='col-md-11'>
<div id='showFilesTemplate'></div></div>
7. Labels inside childRow:
Add below to all Labels in detail row -
color: rgb(85,85,85); font-size: 14px; font-weight: 400;
Ex - <Label style='margin-left: 5px; color: rgb(85,85,85); font-size: 14px; font
-weight: 400; width:100%' title=''>Instructions</Label>
8. Logo:
<div class='navbar navbar-default navbar-fixed-top' id='navbarHeader' style="bac
kground-color: white" role='navigation'>
<div class='navbar-header'><a class='navbar-brand' href='#'><img src='..
\..\..\Images\volvo_black.png' style='padding-left:20px;'></a></div>
9. Refresh issue:
For main Combobox(add "data-tablename="DischargeToWater_BusinessUnit_LookupView"
),
<div class='col-md-6' style='margin-bottom:5px;'>
<div class='input-group headerBlur' style='width:100%'>
<input type='text' title='The selection of the business unit is
used to filter the available data entry points you can choose from. ' data-role=
'combobox' placeholder ='Business^$~unitCM^BusinessUnitCM^Busin
essUnit'class='comboNoBoarder' data-text-field='DisplayName' data-value-field='
DisplayName' data- tablename="DischargeToWater_BusinessUnit_LookupV
iew" id='DischargeToWater_BusinessUnit_LookupView' onblur='DischargeToWater_Busi
nessUnit_LookupView_onblur(event)' onchange='DischargeToWater_Busin
essUnit_LookupView_onchange(event)' data-filter='contains' data-bind='value:data
.BusinessUnitRef.Value,events: { open: onComboLoad,
change:cmbChange, filtering:OnFilter }' maxlength=50 />
</div>
</div>
For detail Combobox(add "_#= new Date().getTime() #" to id & add data-tablename=
"DischargeToWaterDetail_FltParameterWDischarge"),
<div class='col-md-5' style='margin-bottom:5px;' >
<Label style='margin-left: 0px; color: grey;width:100%' title='Select th
e water quality parameter that has been discharged to sea. Water quality paramet
ers can be pollutants (e.g. chloride) or water quality indicators (e.g. Chem
ical oxygen demand).'>Water quality parameter</Label>
<div class='input-group' style='width:100%'>
<input type='text' title='Select the water quality parameter tha
t has been discharged to sea. Water quality parameters can be pollutants (e.g. c
hloride) or water quality indicators (e.g. Chemical oxygen demand)
.' data-role='combobox' data-text-field='DisplayName' data-value-field='Displ
ayName' data- tablename="DischargeToWaterDetail_FltParameterWDischarge
" id='DischargeToWaterDetail_FltParameterWDischarge_#= new Date().getTime() #'
onblur='DischargeToWaterDetail_FltParameterWDischarge_onblur(event)' onchange='D
ischargeToWaterDetail_FltParameterWDischarge_onchange(event)' data-filter='conta
ins' data- bind='value:detail.KeyValues.WaterQualityParameterRef.Va
lue,events: { open: onComboLoad1, change:cmbChange1, filtering:OnFilter1 }'
maxlength=50 required name='Water quality parameter' validationM
essage= 'Water quality parameter is mandatory' />
</div>
</div>
For detail Checkbox(add "_#= new Date().getTime() #" to 'id' & 'for'),
<div class='col-md-5' style='margin-bottom:5px;' >
<input type="checkbox" data-bind='checked:detail.KeyValues.Yes.Value' i
d='QWasteDetail_CheckBox_Yes_#= new Date().getTime() #' onblur='QWasteDetail_Che
ckBox_Yes_onblur(event)' onchange='QWasteDetail_CheckBox_Yes_onchange(eve
nt)' title=''>
<label class="checkbox" for="QWasteDetail_CheckBox_Yes_#= new Date().get
Time() #" Style="color: grey;"> Yes </label>

<input type="checkbox" data-bind='checked:detail.KeyValues.No.Value' id

='QWasteDetail_CheckBox_No_#= new Date().getTime() #' onblur='QWasteDetail_Check
Box_No_onblur(event)' onchange='QWasteDetail_CheckBox_No_onchange(event)' tit
le='' >
<label class="checkbox" for="QWasteDetail_CheckBox_No_#= new Date().getT
ime() #" Style="color: grey;"> No</label>
</div>
10. All Comboboxes non-editable:
In HTML add "name='Business Unit'" for 'Business Unit combobox',
<input type='text' title='The selection of the business unit is used to filter
the available data entry points you can choose from. '
data-role='combo
box' placeholder='Business^$~unitCM^BusinessUnitCM^BusinessUnit' class='comboNoB
oarder' data-text-field='DisplayName'
data-value-field
='DisplayName' data-tablename="DischargeToWater_BusinessUnit_LookupView" id='Dis
chargeToWater_BusinessUnit_LookupView'
onblur='Discharg
eToWater_BusinessUnit_LookupView_onblur(event)' onchange='DischargeToWater_Busin
essUnit_LookupView_onchange(event)'
data-filter='con
tains' data-bind='value:data.BusinessUnitRef.Value,events: { open: onComboLoad,
change:cmbChange, filtering:OnFilter }'
name='Business
Unit' maxlength=50 />
11. Add below methods to GRID data-bind -
data-bind="source:data.QWasteDetails.Value, events: { edit: edit, change: gridCl
ick , dataBinding: onGridDataBinding, dataBound: dataBound, detailExpand: detail
Expand, detailCollapse: detailCollapse }"
****************