Jump to content

Responsive unifield layout inside forms


Muhammad Idris

Recommended Posts

16 hours ago, Stemon63 said:

Hi Sherzod, 

i need the same unifield responsive layout and can't find anything related in your link.
Please give us precise details about it!
Thanks in  advance!

 

Try this example Responsive layout

That what i sent you in Layout_Exemple.7z

http://forums.unigui.com/index.php?/topic/7848-layout-advanced-tutorial/&do=findComment&comment=48504

It's for Mobile, but you can use the same logic on Desktop.

Responsive.7z

  • Like 1
Link to comment
Share on other sites

22 hours ago, Muhammad Idris said:

yes that's right
thank you Stemon63

Dears,

=============
 Responsive :
=============
 There is no thing to do.

 Only this :
 - ServerModule > MainFormDisplayMode : mfPage

 - MainForm > AlignmentControl : uniAlignmentClient
                     > Layout : Column

 

Try this ...

Technique2.7z

  • Like 1
Link to comment
Share on other sites

Há 1 hora, Abaksoft disse:

Queridos

=============
Responsivo
=================
Não há nada a fazer.

Somente isso :
- ServerModule > MainFormDisplayMode : mfPage

- MainForm > AlignmentControl : uniAlignmentClient
> Layout : Coluna

 

Tente isso...

Técnica2.7z 86,29 kB · 1 download

Very cool, I tried to put more controls, could you help me?

Technique2.zip

Link to comment
Share on other sites

4 hours ago, Abaksoft said:

Dears,

=============
 Responsive :
=============
 There is no thing to do.

 Only this :
 - ServerModule > MainFormDisplayMode : mfPage

 - MainForm > AlignmentControl : uniAlignmentClient
                     > Layout : Column

 

Try this ...

Technique2.7z 86.29 kB · 2 downloads

image.thumb.png.6d2e816c62049d73f8628f939d565ee8.png

 

image.png.4a7554e3f301074e81bb714481390367.png

but this still doesn't look the same between the other components

Link to comment
Share on other sites

On 9/30/2022 at 12:07 PM, picyka said:

Very cool, I tried to put more controls, could you help me?

Technique2.zip 104.6 kB · 1 download

 

Thx to @albertovesx

http://forums.unigui.com/index.php?/topic/12454-responsive-design-question-placing-tunipanels/&do=findComment&comment=66305

 

Can you try this :

-ServerModule
 MainFormDisplayMode: mfPage

- MainForm 
 AlignmentControl : uniAlignmentClient 
 Layout : Border

- contTop
 AutoScroll : True
 Layout : column
 Flex : 1
 Region : north 


- contCenter
 AutoScroll : True
 Layout : fit
 Flex : 2
 Region : center
 
- UniTabSheet1
 AutoScroll : True


- contBottom
 AutoScroll : True
 Layout : fit
 Flex : 1
 Region : south

 

Technique2.1.7z Technique2.2.7z

Link to comment
Share on other sites

On 9/30/2022 at 3:48 PM, Muhammad Idris said:

image.thumb.png.6d2e816c62049d73f8628f939d565ee8.png

 

image.png.4a7554e3f301074e81bb714481390367.png

but this still doesn't look the same between the other components

 

Hello Muhammad,

Sorry, I couldn't find a way.

But if you do this setting :

- MainForm : Layout : vbox

- UniContainer1,2,3  :    LayoutConfig > Width : 100%

- UniEdit1  and UniComboBoxe1 and UniDataPicker1   LayoutConfig > Width :  100%

You will get what you want (Fig 1).

 

The idea is to put somme code like this :

function window.beforeInit(sender, config)
{
  if (width < 600)
  {
     sender.setLayout({type: "vbox"});
  }
  else
  {
     sender.setLayout({type: "column"});
  }
  sender.updateLayout();
}

But not work. 

Maybe Our Friend Sherzod can help :)

 

 

1.png

Link to comment
Share on other sites

21 hours ago, Abaksoft said:

 

Thx to @albertovesx

http://forums.unigui.com/index.php?/topic/12454-responsive-design-question-placing-tunipanels/&do=findComment&comment=66305

 

Can you try this :

-ServerModule
 MainFormDisplayMode: mfPage

- MainForm 
 AlignmentControl : uniAlignmentClient 
 Layout : Border

- contTop
 AutoScroll : True
 Layout : column
 Flex : 1
 Region : north 


- contCenter
 AutoScroll : True
 Layout : fit
 Flex : 2
 Region : center
 
- UniTabSheet1
 AutoScroll : True


- contBottom
 AutoScroll : True
 Layout : fit
 Flex : 1
 Region : south

 

Técnica2.1.7zBuscando informações... Técnica2.2.7zBuscando informações...

Good morning, thank you for your availability, the result is nice, the only thing that could be better (I think) would be the issue of the superir container not generating a scrollbar, but being the ideal size

Link to comment
Share on other sites

  • 1 month later...
On 10/3/2022 at 6:18 PM, picyka said:

Good morning, thank you for your availability, the result is nice, the only thing that could be better (I think) would be the issue of the superir container not generating a scrollbar, but being the ideal size

image.thumb.png.4a99f26e775aadfcc9c7ae2dc6153371.png

image.png.c0bce9a33a83c6a55566e3dbc2b952ed.png

 

the display still can't be responsive.

how in unigui it can look like responsive bootstrap or AdminLTE.
thanks

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...