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
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.
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 ?
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.
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 ?
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.
I’d appreciate to hear how you are using it and if you have ideas for improvements.
Thanks
Thomas
Sure, we will publish a sample tomorrow.
Best wishes
Thomas
Hi
Have you any sample yet for this topic?
Wait for example of the Wisej-Responsive-Features too.
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
Please login first to submit.