Jump to content
uniGUI Discussion Forums


Popular Content

Showing content with the highest reputation since 01/17/19 in all areas

  1. 2 points
    Can you try this approach ?! UniDBTreeGrid -> ClientEvents -> 1. UniEvents -> function beforeInit: function beforeInit(sender, config) { sender.expandedNodes=[]; } 2. ExtEvents -> function store.beforeload function store.beforeload(store, operation, eOpts) { var me=this.grid; me.expandedNodes=[]; me.getRootNode().cascadeBy(function(node) { if (node.data.expanded) { me.expandedNodes.push(node.data.id) } }); } 3. ExtEvents -> function store.nodeappend function store.nodeappend(sender, node, index, eOpts) { if (this.grid.expandedNodes && this.grid.expandedNodes.indexOf(node.data.id)!=-1) { if (node.parentNode.data.expanded) { node.expand() } else { node.data.expanded = true } } }
  2. 2 points
    Note, I've now created a github repo with the code and the fixes I made. It is available here.
  3. 2 points
    This is a page javascript return value to unigui control example, a mouse click on the map to Baidu map to get latitude and longitude passed to unigui control, for example, the latitude and longitude passed to unigui controls, you can call the latitude and longitude of the code in unigui. Version UniGui: Delphi: XE5 Page javascript to pass values ??to unigui Controls(baidumap).rar
  4. 1 point
    Hello everybody, It's very important to understand the layout and the best way to learn them is by practicing, and here is a project showing how to design a dashboard in uniGUI using layouts, I have searched the internet for a dashboard and found this one and this project for you. I hope this will help you understand layouts. Plus: responsive content ! + UniCharts (Pie & line) - try to resize your browser, and try to refresh page to see random results for the charts. Online demo here: Download project (with .exe) http://3msoft.net/mhmd/layout.rar
  5. 1 point
    Works great!!!! thanks a lot!!!
  6. 1 point
    Вам лучше надо не MainForm а MainModule
  7. 1 point
    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.
  8. 1 point
    Hi I use a simple solution. My login screen has 3 fields : - username - password - security code From all my users i have a mobile Phone number. When the user logins in then : - i create a random number and save it in a database for this user - i send a tekst sms with this generated number to the users mobile Phone - the user enters this number in the field 'security code' - after entering the security code i check if security code = as stored number in database - if there is a match the login procedure is succesfull ps for sending sms i use bulksms.com, it's quite easy to send sms
  9. 1 point
    You can use this code in unigui. What is your goal?
  10. 1 point
    Can anyone tell me what I need to do to be able to drag a treenode in a treeview and drop it on a panel?
  11. 1 point
    You have 266 fixes for different properties in CustomCSS: http://forums.unigui.com/index.php?/search/&amp;q=CustomCSS I think that good idea is to collect many of them into one or several non-visible components. Something like TJvNavPaneStyleManager from Jedi components you can see in attach. I think that is possible and not too hard, and could significantly extend the display settings of components.
  12. 1 point
    I think we need more documentation about client alignment in order to make more responsive applications.
  13. 1 point
    Hello to all, [Edit]: code/project was improved and uploaded. Here is a jQuery widget with animation and fully customized and fully responsive that I have written recently: Works excellent when resizing the browser window ! Code: $('#newTasks').circleProgress({ title:'15', caption:'New tasks', bgcolor:'#e1dddd', fgcolor:'#54c0fd', tfntcolor:'#54c0fd', cfntcolor:'#b0aeae', animationstep:1, rotateanimationstep:0.4, total:100, value:30, mstyle:0, thik:25, shadow:1 }); You may test is online (for limited time): You can download project from here [port: 8076]: http://3msoft.net/mhmd/CircleProgress.rar
  14. 1 point
    Hello, Something strange is happening when I use the ActionButtons, if it has the Last option, it gives the error of IMG1 when clicking Confirm of RowEditor, and if it is First it gives the error of IMG2
  15. 1 point
    Add 6 properties TopBarButtons,BottomBarButtons,HeaderButtons,TopBarButtonsEvent,BottomBarButtonsEvent,HeaderButtonsEvent and 3 events OnTopBarButtonAction,OnBottomBarButtonAction,OnHeaderButtonAction Only buttons. These can use like the ActionButtons. Maybe useful. And codes were in a mess with my limited program knowledge. BMUniDBGrid.zip
  16. 1 point
    New modify. Add roweditor's ConfirmBtnText(saveBtnText) and CancelBtnText(cancelBtnText). Maybe useful. The key codes are from Post#16 http://forums.unigui.com/index.php?/topic/8414-questions-about-unidbgrid/#entry47669 BMUniDBGrid.rar
  17. 1 point
    You must assign a name to the component 1. beforeInit: ... newUniLabel.Name := 'newUniLabel'; // <----------------------- newUniLabel.AutoSize := False; newUniLabel.Width := 200; newUniLabel.ClientEvents.Enabled := True; newUniLabel.ClientEvents.UniEvents.Values['beforeInit'] := 'function (sender, config) {config.cls="myCls"}'; ...
  18. 1 point
  19. 1 point
  20. 1 point
  21. 1 point
  22. 1 point
  23. 1 point
    Merhaba UniServerModule -> CustomCSS: .x-grid-cell { vertical-align: middle; }
  24. 1 point
    Hello, Here is another widget that I have created, you can use it in ungui app: code: $('#divBar').ProgressBar({ position:89, devide:5, title:'250 GB', caption:'Free', icon:'images/cpuu.png', bgcolor:'#f7f6f6', clrborder:'#d2d0d0', clrstart:'#72c926', clrend: '#87de38', tfntcolor:'#acacac', cfntcolor:'#fcb34d', animate:true }); Online test: Download project: http://3msoft.net/mhmd/ProgressBar.rar
  25. 1 point
    This example show how to add a button in a UniDbGrid column. It's simple. This's just a trick. Project_UniGui_DbGrid_Button.zip