Jump to content

Native Web Application Look And Feel


Recommended Posts

Unigui/Extjs is mostly focused on implementing classical desktop application controls and UI as a part of web application. But some of us prefer to make our designs look and feel like native web application, we hide the form borders and we align the forms to fill whole browser area, we use "MainFormDisplayMode = mfPage", try to keep track of the browser window size and resize the controls with server effort etc. All these efforts are for to implement a site complies with modern web users' behaviors. People use many different screen resolutions and aspect ratios, besides that they don't even use the browsers in full-screen mode all the time.



It has been asked and discussed in the forum recently in multiple topics. Even I opened this topic regarding that. And here, the suggested method not seems to be working.


I believe it is still uncertain how to develop browser centered (client side), native looking web application using Unigui. 


For instance this wordpress template demo page:





There are equal margins at left and right and the page keeps its centered position unless you resize the browser window to be smaller than the page itself, re-alignment of every single component in the page is not crucial but of course alignment of the main "panel(?)" with the browser is somewhat expected.


And of course putting all the controls onto one single form is generally not a good idea and I would like to use multiple forms in this way, but again MainFormDisplayMode = mfPage applies only to main form, it is another issue.


So a demo application that shows smooth implementation of a web application, specialized panel controls for this kind of application would be one of the most important things with Unigui for some of us.

  • Upvote 2
Link to comment
Share on other sites

how to show a form in real center of a browser window




Hide or Remove - form border



UniFrame Centered



Help with Center Page



Centered Panels (Once Again)



Autoresize panels



Problem with edges windowless app



how panel is mainform center







form's postion (well it is answered only for mainform)



How To: Center panel



"poScreenCenter" doesn't update after resize





I think its not only me. I went through all these topics but none of them have a client size seamless integration for centering the forms and panels like CSS.


For the frontend design, it is still a problem. If you are not going to develop an ERP software etc, people might find the windows/desktop based look weird.


I think it is a must to be able to adjust panel/form (not only mainform) locations according to the browser window size at the client side without server intervention even if it is resized!

  • Upvote 1
Link to comment
Share on other sites

  • 2 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...