nimarufa

Thanks! I'll be waiting for it!

Please advice! I need poput text edit window on click at HTML Frame at the clicked position. I'd found two ways how to do it on desktop. One way is pure ExtJS. But no one works on mobile. This code I call via JSInterface.JSAdd var popup=Ext.create('Ext.panel.Panel', { centered: true, // modal: true, // hideOnMaskTap: true, items: [{ xtype: 'textfield', value: 'EditText', name: 'edRange', clearable: false, enableKeyEvents: true, listeners: { painted: function(element, eOpts) {element.focus();}, blur: function(thisEdit, e){popup.destroy();}, keyup: function(thisField, e){ if(e.browserEvent.keyCode==27){popup.destroy();}; // if(e.browserEvent.keyCode==13){ajaxRequest(<popup.parent>,'_edit_range_done',['text='+thisField.getValue()]); popup.destroy();}; } } }], }); Ext.Viewport.add(popup); But the problem is the popup panel with the edit is always centered. If change 'centered' property to false the popup doesnt appear. I'm attaching test sample.There is desktop(2 versions) and moble version. Please some advice. UniGUI 1.70.0.1485. RuntimeEditTest.zip

Works great!!!! thanks a lot!!!

Please, any suggestions....

Replaced UniImage with UniHTMLFrame In UniFormReady add UniHTMLFrame1.HTML.Text :='<div ID="img_container" style="width:100%; height:100%;"><img src="blank.jpg" id="preloaded_image" /></div>'; in Timer event (when need to repaint picture) - actually not paint to Image but paint to Bitmap or PNG then save it to file. Then create an TImage in JS and fire AJAX when client loaded image (this will done in background!!!) FName:=UniServerModule.NewCacheFileUrl(False, 'png', '', '', url, false); oPNGDest := TPNGObject.Create; try oPNGDest.Assign(bmp); oPNGDest.SaveToFile(FName); finally oPNGDest.Free; end; UniSession.AddJS( 'var my_image = new Image();'+ 'my_image.onload = ajaxRequest(' + self.Image.JSName + ', "ImageUpdated", []);'+ 'my_image.src = '''+url+''';' ); Create AJAX event to HTMLFrame. if( SameText(EventName, 'ImageUpdated') ) then begin UniSession.AddJS('document.getElementById("preloaded_image").src = '''+url+''';'); end; Now the image is in browser cache and it will display very fast, just assign .src to image url. Hope this help someone who use pictures with updating data or drawing to image. Glad to hear any optimizations to more speed up this code.

Got 1 Solution!

I need to draw updating data to my web application. Due some problems I cannot move all drawing code to JS. The all drawing is done in some library to Bitmap. After that the bitmap is assigned to TUniImage . As i understand unigui does the following: 1. Prepare bitmap on server's cache folder (some jpeg file). 2. Clear existing image. 3. Transfer new bitmap to client 4. Show it in client's browser. At the step 2-3 the image became clear white in browser and the picture is flicker when updated. I'm attaching small test case. I'm using TUniImage because i'm using this drawing on desktop and on mobile platform. Have any suggestion to workaround/minimize this effect? ImageDrawing.zip

Sorry here is it DBTreeGridTest.zip

Hi, I've got one problem - after update data in TreeGrid the grid is auto collapsed. I need only update data and keep opened nodes open and closed nodes close. I'm attaching a sample. Way to repoduce: 1. Tap "Expand" or open some nodes. 2. Tap Update The thee will close all nodes automatically. Please help to solve it. Version 1.50.0.1480 Complete

I need component like VirtualTreeView but in unigui. First column is tree, next columns are grid. UniDBTreeGrid is looks like this, but i need to manually operade data in it without database connection. Can any one suggest any unigui component for this? Or how to use UniDBTreeGrid with custom data.

Yes, this workaround works! Thanks! Hope painted event will act like afterlayout.

Here is it FrameEventTest.zip

When i place Frame on mobile form clientEvents are not working. For Example Ext.panel.Panel afterlayout event. for example function afterlayout(sender, layout, eOpts) { alert('AF event!'); } Frame is creating like this procedure TMainmForm.UnimFormCreate(Sender: TObject); begin CFrame := TMymFrame.Create(self); CFrame.Visible := true; CFrame.Parent := self; end; On desktop form events are working.

Thanks! for advice how to edit tooltip. It's a great idea!!! How can I set custom Tip string from the server side?

The default Location of Min value is on the bottom of trackbar and Max value is on the top. How can i invert it? I need to have Min value is on the top and Max value on the bottom.