Responsive

Welcome to Wisej Support.
Questions, suggestions and plain old bugs - are all welcome here!
0
0

Have you any  responsive sample project on wisej ?

 

 

 

 

  • You must to post comments
0
0

Of course. There is a concept section for Responsive Layouts. We are also working on a Tutorials section.

 

Best,

Luca

  • You must to post comments
0
0

Hi Luca,

Can you add this info to the documentation?

  • You must to post comments
1
0

A simple example could be the ChartJS example:http://wisej.com/examples/

It shows the FlowLayout panel with the new FillWeight property. Child controls or panels automatically resize, wrap and also fill the row according to the FillWeight.

You should also look at the Application.ResponsiveProfileChanged and the Form.ResponsiveProfileChanged. You get the event when a responsive break is detected. The breaks are defined in the ClientzProfile.json file. There is a built-in version that you can override in your app simply by placing a file named ClientProfile.json at the root of the project. I have attached the built-in one.

In short, with Wisej responsive support you can

  • Use DockStyle to have controls dock to the sides and resize automatically.
  • Use AnchorStyle to have controls adapt their size and position proportionally.
  • Use the FlowLayouPanel and TableLayoutPanel to have automatic wrapping, resizing of rows and columns.
  • Handle the ResponsiveProfileChanged event to hide/show/ resize/move/etc. controls, panels, rows and columns.
  • Determine the responsive breaks that you want to detect and react to.
  • Handle the Application.ResponsiveProfileChange or simply query the Application.ActiveProfile property to determine which window, form, page to show for which device.

The Application.ActiveProfile property and the event args e.CurrentProfile and e.PreviousProfile return an instance of Wisej.Core.ClientProfile. see http://wisej.com/docs/html/T_Wisej_Core_ClientProfile.htm with a lot information about the responsive break and the device.

You can also use Application.Browser property to get this object: http://wisej.com/docs/html/T_Wisej_Core_ClientBrowser.htm

HTH

We didn’t have the time yet to build a more complex example and document all this. It will be done, I promise.

Best,

Luca

 

 

Attachment
  • You must to post comments
Showing 3 results
Your Answer
Post as a guest by filling out the fields below or if you already have an account.
Name*
E-mail*
Attachment
File Name Size
There are currently no files uploaded.
Maximum number of files 1, maximum file size 3.9MB.
Supported file formats: zip pdf gif jpg bmp png cs vb theme json