mhmda Posted January 27, 2017 Share Posted January 27, 2017 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: http://5.189.151.122:xxxx Download project (with .exe) http://3msoft.net/mhmd/layout.rar 1 12 Quote Link to comment Share on other sites More sharing options...
fcarvalho4 Posted January 27, 2017 Share Posted January 27, 2017 Great thanks! Quote Link to comment Share on other sites More sharing options...
epos4u Posted January 27, 2017 Share Posted January 27, 2017 Thank you brother Mohammad Quote Link to comment Share on other sites More sharing options...
gpaulino Posted January 27, 2017 Share Posted January 27, 2017 [dcc32 Error] E1026 File not found: 'MainModule.dfm' Quote Link to comment Share on other sites More sharing options...
gpaulino Posted January 27, 2017 Share Posted January 27, 2017 Sorry it was my antivirus that was corrupting the file Quote Link to comment Share on other sites More sharing options...
molla2005b Posted January 28, 2017 Share Posted January 28, 2017 thank you mohammad greate work and help to us Quote Link to comment Share on other sites More sharing options...
mhmda Posted January 28, 2017 Author Share Posted January 28, 2017 Online Demo: http://5.189.151.122:8077/ Quote Link to comment Share on other sites More sharing options...
bahry Posted January 28, 2017 Share Posted January 28, 2017 Very Thanks Mohammad, it looks very greate Quote Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted January 28, 2017 Administrators Share Posted January 28, 2017 Pinned! Thanks for sharing this. Quote Link to comment Share on other sites More sharing options...
jaromir Posted January 31, 2017 Share Posted January 31, 2017 Thank You ! Could You tell me what is the difference: For example - left black menu panel. In this project: Layout: vbox, LayoutConfig: Height 100% The same result will be set: align: alLeft. Is this the same or not ? Quote Link to comment Share on other sites More sharing options...
mhmda Posted January 31, 2017 Author Share Posted January 31, 2017 Here the Client-side is responsible for the alignment and layout, the other way is using server side to to do the calculation and layout, for best results always use client-side and layout properties. If you want a detailed explanation let me know. Quote Link to comment Share on other sites More sharing options...
jaromir Posted January 31, 2017 Share Posted January 31, 2017 It is very interesting mohammad, thank You ! This is my main ignorance in UniGui technology. I think this should be most documented subject because this is main Delphi difference. So, could You confirm: There are Layout, Layout Attribs and Layout Config properties (available depends of used component). When I fill this values - layout positioning is at the client side. When I use Alignment properties (like a delphi plain app) - layout calculation is at the server side - which I think is slower and increase server load. But - the both methods gives the same results ? I mean for example browser type dependency. For example: is Alignment technology safer for some browsers ? Quote Link to comment Share on other sites More sharing options...
mhmda Posted January 31, 2017 Author Share Posted January 31, 2017 There are Layout, Layout Attribs and Layout Config properties (available depends of used component). When I fill this values - layout positioning is at the client side. When I use Alignment properties (like a delphi plain app) - layout calculation is at the server side - which I think is slower and increase server load. Correct. When you want to use client-side layout management don't forget this (for forms and panels): At the end when client-side managing layout it means the Sencha Extjs is managing that and Sencha Extjs is cross browser and you can count on it. I think the power of unigui is that it uses Sencha Extjs/Touch for client side and Object pascal for back-end and these two tools are very trustful. For us to make it easy and to understand unigui we should understand the web concept (client/server) and Extjs/Touch for that I always refer to Sencha Extjs API they have an excellent documentation. Quote Link to comment Share on other sites More sharing options...
Clarke Posted February 14, 2017 Share Posted February 14, 2017 So I'm curious did you do anything further with adding additional forms? I tired setting a 2nd form's parent to the panel under UniPanel2 in the project, but it would never resize correctly. Driving me crazy! LOL Quote Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted February 17, 2017 Administrators Share Posted February 17, 2017 So I'm curious did you do anything further with adding additional forms? I tired setting a 2nd form's parent to the panel under UniPanel2 in the project, but it would never resize correctly. Driving me crazy! LOL Parent panel should have a 'fit' layout so its child Form will occupy all client area. Quote Link to comment Share on other sites More sharing options...
Stemon63 Posted February 21, 2017 Share Posted February 21, 2017 Perfect... :-)More performance on resize full screen (and not) components, without ask to server... It's a good optimization. If there are other optimizations using client features instead of remote resources, please tell us !!! Thanks Stefano Quote Link to comment Share on other sites More sharing options...
devya Posted February 23, 2017 Share Posted February 23, 2017 Thank you so much, I am new here, still need a lot to learn Regards, Devy Quote Link to comment Share on other sites More sharing options...
Mohammed Nasman Posted March 14, 2017 Share Posted March 14, 2017 Wonderful Mate Quote Link to comment Share on other sites More sharing options...
Stemon63 Posted March 16, 2017 Share Posted March 16, 2017 Hi Mohammad, how to show a frame always at center of parent panel (that fits the entire browse, on resize)? The frame scroll vertically, but it must be centered orrizontally in its container.... Thanks in advance! Stefano Quote Link to comment Share on other sites More sharing options...
nyy216 Posted April 8, 2017 Share Posted April 8, 2017 greate work, thank you for share Quote Link to comment Share on other sites More sharing options...
Beginner Posted May 30, 2017 Share Posted May 30, 2017 Mohammad How doing menu like this? http://examples.sencha.com/extjs/6.2.0/examples/admin-dashboard/#forms Quote Link to comment Share on other sites More sharing options...
sdeol Posted June 2, 2017 Share Posted June 2, 2017 Norton warns this Download Project site to be dangerous website? http://3msoft.net/mhmd/layout.rar Is it safe? Quote Link to comment Share on other sites More sharing options...
epos4u Posted June 3, 2017 Share Posted June 3, 2017 Norton warns this Download Project site to be dangerous website? http://3msoft.net/mhmd/layout.rar Is it safe? its is safe i have downloaded it Quote Link to comment Share on other sites More sharing options...
nickosl50 Posted October 24, 2017 Share Posted October 24, 2017 Is it possible if you have 3 panels horizontally next to each other , when you resize the browser, if the third panel doesn't show , to be able to appear below , and if so how if it is possible to give an examle of how you can do this. Thank you very much Nick Lazidis Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted October 26, 2017 Share Posted October 26, 2017 @Nikosl50 See below Exemple. Regards. Layout_Exemple.7z 1 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.