mhmda Posted January 27, 2017 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
gpaulino Posted January 27, 2017 Posted January 27, 2017 [dcc32 Error] E1026 File not found: 'MainModule.dfm' Quote
gpaulino Posted January 27, 2017 Posted January 27, 2017 Sorry it was my antivirus that was corrupting the file Quote
molla2005b Posted January 28, 2017 Posted January 28, 2017 thank you mohammad greate work and help to us Quote
mhmda Posted January 28, 2017 Author Posted January 28, 2017 Online Demo: http://5.189.151.122:8077/ Quote
bahry Posted January 28, 2017 Posted January 28, 2017 Very Thanks Mohammad, it looks very greate Quote
Administrators Farshad Mohajeri Posted January 28, 2017 Administrators Posted January 28, 2017 Pinned! Thanks for sharing this. Quote
jaromir Posted January 31, 2017 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
mhmda Posted January 31, 2017 Author 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
jaromir Posted January 31, 2017 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
mhmda Posted January 31, 2017 Author 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
Clarke Posted February 14, 2017 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
Administrators Farshad Mohajeri Posted February 17, 2017 Administrators 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
Stemon63 Posted February 21, 2017 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
devya Posted February 23, 2017 Posted February 23, 2017 Thank you so much, I am new here, still need a lot to learn Regards, Devy Quote
Stemon63 Posted March 16, 2017 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
Beginner Posted May 30, 2017 Posted May 30, 2017 Mohammad How doing menu like this? http://examples.sencha.com/extjs/6.2.0/examples/admin-dashboard/#forms Quote
sdeol Posted June 2, 2017 Posted June 2, 2017 Norton warns this Download Project site to be dangerous website? http://3msoft.net/mhmd/layout.rar Is it safe? Quote
epos4u Posted June 3, 2017 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
nickosl50 Posted October 24, 2017 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
Abaksoft Posted October 26, 2017 Posted October 26, 2017 @Nikosl50 See below Exemple. Regards. Layout_Exemple.7z 1 1 Quote
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.