Sherzod

Here is my example of integration, (need jquery). How to use? 1. Download "jquery" from here "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" and copy to the directory "/files/". 2. For this example, you need to download some files: 2.1. http://code.highcharts.com/highcharts.js 2.2. http://code.highcharts.com/highcharts-3d.js 2.3. http://code.highcharts.com/modules/exporting.js they also need to copy to the folder "files" 3. Add CustomFiles in UniServerModule: files/jquery.min.js files/highcharts.js files/highcharts-3d.js files/exporting.js 4. Add CustomCSS in UniServerModule: #container, #sliders { min-width: 310px; max-width: 800px; margin: 0 auto; } #container { height: 400px; } 5. Add "HTMLFrame1" 6. HTMLFrame1.HTML <div id="container"></div> <div id="sliders"> <table> <tr><td>Alpha Angle</td><td><input id="R0" type="range" min="0" max="45" value="15"/> <span id="R0-value" class="value"></span></td></tr> <tr><td>Beta Angle</td><td><input id="R1" type="range" min="0" max="45" value="15"/> <span id="R1-value" class="value"></span></td></tr> </table> </div> 7. HTMLFrame1.AfterScript $(function () { // Set up the chart var chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'column', margin: 75, options3d: { enabled: true, alpha: 15, beta: 15, depth: 50, viewDistance: 25 } }, title: { text: 'Chart rotation demo' }, subtitle: { text: 'Test options by dragging the sliders below' }, plotOptions: { column: { depth: 25 } }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); // Activate the sliders $('#R0').on('change', function(){ chart.options.chart.options3d.alpha = this.value; showValues(); chart.redraw(false); }); $('#R1').on('change', function(){ chart.options.chart.options3d.beta = this.value; showValues(); chart.redraw(false); }); function showValues() { $('#R0-value').html(chart.options.chart.options3d.alpha); $('#R1-value').html(chart.options.chart.options3d.beta); } showValues(); }); source: http://www.highcharts.com/demo/3d-column-interactive demo: http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/3d-column-interactive/ Sincerely.

Hi SohoSoftWare. +1 * FREE FOR NON-COMMERCIAL Do you want to use Highcharts for a personal website, a school site or a non-profit organisation? Then you don't need our permission, just go on! http://www.highcharts.com/license Anyway thanks for sharing...

Hi msegura. Can you give a simple test case? Best regards.

Hi msegura. This approach is suitable? 1. procedure TMainForm.UniTimer1EventHandler(Sender: TComponent; EventName: string; Params: TStrings); begin if (not (Sender as TUniTimer).Enabled) and (EventName = '_start') then begin (Sender as TUniTimer).Enabled := True; end; end; 2. Set enabled: procedure TMainForm.UniButton1Click(Sender: TObject); begin UniSession.AddJS('ajaxRequest(' + UniTimer1.JSName + ', ''_start'', []);'); end; or just: procedure TMainForm.UniButton1Click(Sender: TObject); begin UniTimer1.Enabled := True end; Sincerely.

I think it depends on what you open in uniURLFrame. If you yourself generate a script, I think you can... can you give an example script?

Hi David. you can, for example, look example C: \ Program Files \ FMSoft \ Framework \ uniGUI \ Demos \ Basic jQuery

Hi All! Maybe someone is interested in the implementation of this plugin with UniGUI ... http://www.sequelsphere.com/extjs-sqlstore/ Sincerely

https://raw.githubusercontent.com/Certun/Ext.ux.plugin.BadgeText/master/BadgeText.js

I attached the file, try ... badgeText.zip

Please what the problem is, I do not understand.

Hi All! Ext.ux.plugin.BadgeText How to use? 1. Download the file BadgeText.js from here: https://github.com/Certun/Ext.ux.plugin.BadgeText/blob/master/BadgeText.js and copy to the directory /files/ 2. Add CustomFiles in UniServerModule: files/BadgeText.js 3. UniButton1 -> ClientEvents -> UniEvents add beforeInit function function beforeInit(sender) { sender.action = 'badgetext'; sender.plugins = [ { ptype:'badgetext', defaultText: 10, disableOpacity:1, disableBg: 'green', align:'right' } ]; } Use For example: procedure TMainForm.UniButton1Click(Sender: TObject);var bJSName: string; begin bJSName := (Sender as TUniButton).JSName; UniSession.AddJS(bJSName + '.setBadgeText(' + bJSName + '.getBadgeText() + 1);'); end; source: https://github.com/Certun/Ext.ux.plugin.BadgeText demos and more config: https://fiddle.sencha.com/#fiddle/4dc is another similar plugin... https://fiddle.sencha.com/#fiddle/2ar Best regards.

Hi Mediv07. With this plugin you can so: 1. Firstly, I changed ClearButton.js, download the attached file and copy it to the directory "files". I can not attach a file type. Js, so you do need to change the file ClearButton.js: 1.1. Find line in the file ClearButton.js: this.textField.setValue (''); after this line paste the following code: ajaxRequest (this.textField, '_clear', []); 1.2. Find line in the file ClearButton.js: (this.textField.setValue, 1, this.textField, ['']); after this line paste the following code: ajaxRequest (this.textField, '_clear', []); 2. FindEdit -> ClientEvents -> ExtEvents -> add function keyup: ?? function keyup(sender, e, eOpts) { if (sender.value == '') { ajaxRequest (sender, '_clear', []); }; } 3. Then you can catch the event clear, TRY: procedure TMainFrame.FindEditAjaxEvent(Sender: TComponent; EventName: string; Params: TStrings); begin if EventName = '_clear' then begin ... end; end; 4. Clear the browser cache (or press ctrl + R on tab localhost: 8077). It's just one of the quick solutions, good luck... Best regards.

add uniGUIApplication in uses section uses ... uniGUIApplication ...

Thanks Stas. I'm not very delved...

Hi All!! A PDF Viewer Panel - No Browser Plugin required, pure JavaScript Source: http://www.sencha.com/forum/showthread.php?237361-A-PDF-Viewer-Panel-No-Browser-Plugin-required-pure-JavaScript Demo: http://SunboX.github.com/ext_ux_pdf_panel/demo/ Github Project: https://github.com/SunboX/ext_ux_pdf_panel How to use: TRY... 1. Download files: http://sunbox.github.io/ext_ux_pdf_panel/lib/pdf.js/compatibility.js --> copy to directory (/files/pdf/) sunbox.github.io/ext_ux_pdf_panel/lib/pdf.js/pdf.js --> copy to directory (/files/pdf/) http://sunbox.github.io/ext_ux_pdf_panel/ux/util/PDF/TextLayerBuilder.css --> copy to directory (/files/pdf/pdf/) http://sunbox.github.io/ext_ux_pdf_panel/ux/panel/PDF.js --> copy to directory (/files/pdf/pdf/) http://sunbox.github.io/ext_ux_pdf_panel/ux/util/PDF/TextLayerBuilder.js --> copy to directory (/files/pdf/pdf/) 2. Add CustomFiles in UniServerModule: files/pdf/compatibility.js files/pdf/pdf.js files/pdf/pdf/PDF.js files/pdf/pdf/TextLayerBuilder.js files/pdf/pdf/TextLayerBuilder.css 3. Paste into a form UniHTMLFrame1 and add UniHTMLFrame1.HTML...: <div id="pdfviewer" align="center"></div> 4. procedure TMainForm.UniButton1Click(Sender: TObject); begin UniSession.AddJS('if (Ext.get("pdfviewerpanel")) {Ext.get("pdfviewerpanel").remove()};'); UniSession.AddJS('Ext.create(''Ext.ux.panel.PDF'', {' + 'id : "pdfviewerpanel", ' + 'title : ''PDF Panel'',' + //'width : ' + IntToStr(UniHTMLFrame1.Width) + ' ,' + //'height : ' + IntToStr(UniHTMLFrame1.Height) + ',' + 'width : 489,' + 'height : 633,' + 'pageScale: 0.75,' + 'src : ''http://cdn.mozilla.net/pdfjs/tracemonkey.pdf'', ' + 'renderTo : "pdfviewer"' + //'renderTo : Ext.getBody()' + '});'); end; Best regards.

Extends Ext.tree.Panel If a parent node is checked / unchecked, all its child nodes are automatically checked / unchecked too. If only some children of a node are selected, its checkbox remains checked, but with a third visual state, using a darkened background. ... http://wap7.ru/folio/ext-tri-state-tree/

Hi Mediv07. Can you clarify?

Ok, it is clear... Thank you.

http://forums.unigui.com/index.php?/topic/3495-how-only-number-in-tunidbnumberedit-not-double-is-it-possible/&do=findComment&comment=16284

Hi Farshad! I think need to include "summaryType": count sum min max average http://www.objis.com/formationextjs/lib/extjs-4.0.0/docs/api/Ext.grid.feature.Summary.html If I'm not mistaken there is currently no such possibility (of course, we can use the "summaryType" in code, in another way. But would like that this possibility was in the properties of the column) Sincerely.

http://forums.unigui.com/index.php?/topic/4210-pagesize-extension-for-unidbgrid/

Hi All! PageSize Extension for UniDBGrid: How to use? 1. Download the file from here https://github.com/loiane/extjs4-ux-paging-toolbar-resizer/blob/master/ux/PagingToolbarResizer.js and copy to the directory /files/ 2. Add CustomFiles in UniServerModule: files/PagingToolbarResizer.js 3. Add beforerender function in UniDBGrid: function beforerender(sender, eOpts) { if (sender.pagingBar) { sender.pagingBar.hide(); sender.pagingBar.border = "0 none"; sender.pagingBar.destroy(); sender.addDocked( {dock: 'bottom', items: [Ext.create('Ext.PagingToolbar', { pageSize: sender.store.pageSize, store: sender.store, displayInfo: true, plugins: Ext.create('Ext.ux.PagingToolbarResizer',{displayText: 'Records per Page', options : [ 5, 10, 15, 20, 25 ]}) })] }); } } http://loianegroner.com/extjs/examples/extjs4-ux-paging-toolbar-resizer/ Sincerely.

Hi msegura. You can use the MainForm -> OnAjaxEvent Best regards

Hi Erich. Try: UniSession.AddJS(UniURLFrame1.JSName+'.body.el.setStyle({background: "#ffffff"});'); Best regards.

Thank you Farshad! I forgot to specify.