=== modified file 'dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-pivot/scripts/app.js' --- dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-pivot/scripts/app.js 2014-10-06 12:01:56 +0000 +++ dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-pivot/scripts/app.js 2014-10-06 17:02:56 +0000 @@ -596,33 +596,33 @@ reportingPeriod = Ext.create('Ext.form.field.Checkbox', { boxLabel: NS.i18n.reporting_period, - style: 'margin-bottom:4px', + style: 'margin-bottom:' + checkboxBottomMargin + 'px' }); organisationUnit = Ext.create('Ext.form.field.Checkbox', { boxLabel: NS.i18n.organisation_unit, - style: 'margin-bottom:4px', + style: 'margin-bottom:' + checkboxBottomMargin + 'px' }); parentOrganisationUnit = Ext.create('Ext.form.field.Checkbox', { boxLabel: NS.i18n.parent_organisation_unit, - style: 'margin-bottom:4px', + style: 'margin-bottom:' + checkboxBottomMargin + 'px' }); regression = Ext.create('Ext.form.field.Checkbox', { boxLabel: NS.i18n.include_regression, - style: 'margin-bottom:4px', + style: 'margin-bottom:' + checkboxBottomMargin + 'px' }); cumulative = Ext.create('Ext.form.field.Checkbox', { boxLabel: NS.i18n.include_cumulative, - style: 'margin-bottom:6px', + style: 'margin-bottom:6px' }); sortOrder = Ext.create('Ext.form.field.ComboBox', { cls: 'ns-combo', - style: 'margin-bottom:3px', - width: 250, + style: 'margin-bottom:1px', + width: 254, labelWidth: 130, fieldLabel: NS.i18n.sort_order, labelStyle: 'color:#333', @@ -642,8 +642,8 @@ topLimit = Ext.create('Ext.form.field.ComboBox', { cls: 'ns-combo', - style: 'margin-bottom:0', - width: 250, + style: 'margin-bottom:3px', + width: 254, labelWidth: 130, fieldLabel: NS.i18n.top_limit, labelStyle: 'color:#333', @@ -696,7 +696,7 @@ ] }; - parameters = { + parameters = Ext.create('Ext.panel.Panel', { bodyStyle: 'border:0 none; background:transparent', style: 'margin-left:14px', items: [ @@ -707,8 +707,9 @@ cumulative, sortOrder, topLimit - ] - }; + ], + hidden: true + }); window = Ext.create('Ext.window.Window', { title: NS.i18n.table_options, @@ -789,14 +790,34 @@ bodyStyle: 'border:0 none; padding:3px' }, { - bodyStyle: 'border:1px solid #d5d5d5; padding:5px; background-color:#f0f0f0', + bodyStyle: 'border:1px solid #d5d5d5; padding:3px 3px 0 3px; background-color:#f0f0f0', items: [ - { - bodyStyle: 'border:0 none; padding:0 5px 6px 2px; background-color:transparent; color:#222; font-size:12px', - html: '' + NS.i18n.parameters + ' (' + NS.i18n.for_standard_reports_only + ')' - }, - parameters - ] + { + xtype: 'container', + layout: 'column', + items: [ + { + bodyStyle: 'border:0 none; padding:2px 5px 6px 2px; background-color:transparent; color:#222; font-size:12px', + html: '' + NS.i18n.parameters + ' (' + NS.i18n.for_standard_reports_only + ')', + columnWidth: 1 + }, + { + xtype: 'button', + text: 'Show', + height: 19, + handler: function() { + parameters.setVisible(!parameters.isVisible()); + } + } + ] + }, + parameters + ], + listeners: { + collapse: function() { + this.setHeight(100); + } + } } ], bbar: [