http://emk.energylink.co.nz/index.php?action=history&feed=atom&title=Date_Picker_Configuration 2026-04-19T11:17:01Z Revision history for this page on the wiki MediaWiki 1.35.8 http://emk.energylink.co.nz/index.php?title=Date_Picker_Configuration&diff=5520&oldid=prev 2013-10-03T23:14:36Z

<p><span dir="auto"><span class="autocomment">Configuring the date picker</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 23:14, 3 October 2013</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==<del class="diffchange diffchange-inline">Configuring </del>the date picker==</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==<ins class="diffchange diffchange-inline">Using </ins>the date picker==</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Date1.png|right|400px|border|Date Picker - Collapsed]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Date1.png|right|400px|border|Date Picker - Collapsed]]</div></td></tr> </table>

Paul Chapman http://emk.energylink.co.nz/index.php?title=Date_Picker_Configuration&diff=5040&oldid=prev 2013-10-01T23:19:22Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 23:19, 1 October 2013</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l55" >Line 55:</td> <td colspan="2" class="diff-lineno">Line 55:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Common Display Control Settings|<ins class="diffchange diffchange-inline">Parent</ins>]] - [[Ellserve:Ellserve|Home]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[<del class="diffchange diffchange-inline">Ellserve:</del>Common Display Control Settings|<del class="diffchange diffchange-inline">Back</del>]] - [[Ellserve:Ellserve|Home]]</div></td><td colspan="2"> </td></tr> </table>

Paul Chapman http://emk.energylink.co.nz/index.php?title=Date_Picker_Configuration&diff=4896&oldid=prev 2013-10-01T21:02:01Z

<p>Created page with &quot;==Configuring the date picker== <a href="/File:Date1.png" title="File:Date1.png">right|400px|border|Date Picker - Collapsed</a> <a href="/File:Date2.png" title="File:Date2.png">right|400px|border|Date Picker - Expanded</a> [[File:Date3.png|ri...&quot;</p> <p><b>New page</b></p><div>==Configuring the date picker==<br /> <br /> [[File:Date1.png|right|400px|border|Date Picker - Collapsed]]<br /> [[File:Date2.png|right|400px|border|Date Picker - Expanded]]<br /> [[File:Date3.png|right|400px|border|Date Picker - Fixed/Relative Toggle]]<br /> [[File:Date4.png|right|400px|border|Date Picker - Fixed Date Selector]]<br /> [[File:Date5.png|right|400px|border|Date Picker - Relative Date Selector]]<br /> Most controls show data over a specified date range (e.g. graphing energy costs from the beginning of the financial year, or browsing invoices received in the last three months). A date range is expressed as two (inclusive) values:<br /> * From month<br /> * To month<br /> <br /> <br /> The default date range is used when a control is launched.<br /> <br /> A date range may be:<br /> * '''Fixed:''' both start and end months are specified calendar dates (e.g. May 2012 to August 2012 inclusive)<br /> * '''Relative:''' both start and end months are set relative to the current month (e.g. from 6 months ago until now) <br /> * '''Combined:''' Either the to or the from date is fixed while the other is relative (e.g. from June 2012 until last month inclusive).<br /> <br /> On first opening, the [[Ellserve:Control Default Settings Panel|default settings panel]] shows the date selector in a collapsed state with the current default range displayed as calendar dates (relative dates settings are converted as appropriate).<br /> <br /> <br /> <br /> &lt;span style=&quot;color:#2E5894&quot;&gt;<br /> '''&gt;&gt; To specify a date range using the picker:'''<br /> * &lt;span style=&quot;color:#2E5894&quot;&gt;Use the expander icon to show the full date picker<br /> * &lt;span style=&quot;color:#2E5894&quot;&gt;Click on the cog icon to toggle between fixed and relative date settings<br /> * &lt;span style=&quot;color:#2E5894&quot;&gt;For fixed dates use the calendar icon to select the required month<br /> * &lt;span style=&quot;color:#2E5894&quot;&gt;For relative dates:<br /> ** &lt;span style=&quot;color:#2E5894&quot;&gt;Select the required time interval (Month, Quarter, Year)<br /> ** &lt;span style=&quot;color:#2E5894&quot;&gt;Select number of intervals to be included in the range (can be typed or selected from the drop down list)<br /> &lt;/span&gt;<br /> <br /> <br /> <br /> ''Note: Negative interval numbers indicate historical offsets, ''<br /> ''while for future intervals the offset is indicated with a''<br /> ''positive number. The current interval is always indicated as zero.''<br /> <br /> <br /> <br /> <br /> &lt;span style=&quot;color:#2E5894&quot;&gt;<br /> '''&gt;&gt; Check the 'Date Range' check box to enable date ranges to be changed in session.'''<br /> &lt;/span&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> [[Ellserve:Common Display Control Settings|Back]] - [[Ellserve:Ellserve|Home]]</div>

Paul Chapman