Responsive Design for Wisej page

0
0

Hello.

our company wants to create a Wisej application containing some Wisej web pages which should run on desktop browser, tablets and in some parts on mobile phones like the iPhone. Therefore  we are interested in an up to date example of the Wisej-Responsive-Features. I already checked some of the other threads in your support forum regarding this topic and found information e.g. about ClientProfile and the ResponsiveProfileChange-event. I would like to know if you could provide us with an example project that shows how to use these instruments correctly, because I guess we are not the only ones who are interested in responsive design for Wisej.

 

Greets,

Marcel

  • You must to post comments
0
0

Hi Marcel,

we are actually working on a sample to be released in a couple of weeks.
I’ll let you know when it is ready.

Best wishes
Thomas

  • You must to post comments
0
0

Have you any sample yet ?

  • You must to post comments
0
0

Wait for example of the Wisej-Responsive-Features too.

  • You must to post comments
0
0

Hi

Have you any sample yet for this topic?

 

  • You must to post comments
0
0

Sure, we will publish a sample tomorrow.

Best wishes
Thomas

  • Tim Larson
    Please let me know when this is published and a link to the download. We are working on a project and a sample would help a bunch. Thanks, Tim
  • You must to post comments
0
0

A basic skeleton to demonstrate some of the responsive features in Wisej has just been made available.
We’ll add a blog entry about it during the next days.

Examples

I’d appreciate to hear how you are using it and if you have ideas for improvements.

 

Thanks
Thomas

  • Mark Reed
    I think the zip might be missing a few files I loaded it up and got a login screen. I attempted to login and got a blank window. I noticed in the chrome debugger missing svg files.
  • Mark Reed
    I think the zip might be missing a few files I loaded it up and got a login screen. I attempted to login and got a blank window. I noticed in the chrome debugger missing svg files.
  • Ser Gar
    Me too, i fixed removing Dispose() call and use Application.MainPage instead -> new HomePage.Show()
  • Tim Larson
    I got it to work sort of. I had to download the material design icon extension and reference it. After login it gives you a wisej.web.ScrollablePage is not a child of this widget error but when I hit refresh it brought up the next screen.
  • You must to post comments
0
0

I Reviewed and ran the sample. It’s Okay – but because all the “adapting” or resizing happens on the server – it makes it kind of clunky.

When you use tools like Angular, or even modern web pages, etc.., they are very fast when resizing because it all happens on the client.

Any way to get this responsive code to be automatically generated and fired on the server side without having to code it? At least some defaults  that can be tweaked ?

  • You must to post comments
0
0

Responsive code has be coded, it’s either css under media or a combination of css and javascript in response to responsive breaks. Usually web pages use ready made themes that have hundred and hundreds of css lines in there.

Also usually the continuous resizing in a responsive layout is done only by “us” to see what happens. In normal usage you can’t turn a desktop monitor into an iphone and you can’t resize an ipad. The responsive break should fire once at loading or when rotating.

In fact when I play with the responsive layouts in ready made wordpress themes or bootstrap I invariably end up in an unusable state and have to refresh the browser to reload the page.

However, you are correct that the continuous re-layout of the controls in Wisej is clunkier than web pages or javascript frameworks. It is possible to implement client-side only javascript code that re-arranges the controls, but it’s a lot of extra work.

  • You must to post comments
0
0

One other thing I’d like to add. When a responsive web application/site runs on a table or phone, and you rotate the device – it will resize to the new layout.

Can we accomplish this with WiseJ in its current release ?

  • You must to post comments
0
0

Yes you can detect the change of orientation too. It’s just another break.

https://wisej.com/docs/html/T_Wisej_Core_ClientProfile.htm

This is the built-in ClientProfiles.json:

http://s3.amazonaws.com/wisej/downloads/Examples/ClientProfiles.json

You can override it by placing your ClientProfiles.json in the root of the project.

The breaks are evaluated from the top down, the first match will fire the Application.ResponsiveProfileChanged event. You can also detect a specific device using the userAgent regular expression.

  • You must to post comments
Showing 10 results
Your Answer

Please first to submit.