Jump to content

Native Web Application Look And Feel


sobakava

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:

 

https://christopherdemo.wordpress.com/

 

 

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

http://forums.unigui.com/index.php?/topic/5568-how-to-show-a-form-in-real-center-of-a-browser-window/?hl=center

 

 

Hide or Remove - form border

http://forums.unigui.com/index.php?/topic/5274-hide-or-remove-form-border/?hl=center&do=findComment&comment=27029

 

UniFrame Centered

http://forums.unigui.com/index.php?/topic/5060-uniframe-centered/?hl=center

 

Help with Center Page

http://forums.unigui.com/index.php?/topic/2134-help-with-center-page/page-1&do=findComment&comment=25808

 

Centered Panels (Once Again)

http://forums.unigui.com/index.php?/topic/5222-centered-panels-once-again/

 

Autoresize panels

http://forums.unigui.com/index.php?/topic/5603-autoresize-panels/

 

Problem with edges windowless app

http://forums.unigui.com/index.php?/topic/3803-problem-with-edges-windowless-app/?hl=center

 

how panel is mainform center

http://forums.unigui.com/index.php?/topic/3600-how-panel-is-mainform-center/?hl=center

 

FormResize

http://forums.unigui.com/index.php?/topic/3676-formresize/?hl=center

 

 

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

http://forums.unigui.com/index.php?/topic/1507-forms-postion/?hl=center

 

How To: Center panel

http://forums.unigui.com/index.php?/topic/2868-how-to-center-panel/?hl=center

 

"poScreenCenter" doesn't update after resize

http://forums.unigui.com/index.php?/topic/2540-poscreencenter-doesnt-update-after-resize/?hl=center

 

 

 

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...

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...