Jump to content

Bootstrap 4 Like Layouts


Aggie85

Recommended Posts

Howdy All!

I am developing a registration for a client.

The information is orgranized in TUniPanel / TFieldSet controls.

On a desktop, I can have them displayed horizontally.

On smaller devices, I would like them to be shown vertically.

When I developed my last app with IntraWeb, this was EASY with CSS @Media.

Can I achieve this with UniGui? If so, how?

Thanks in advance,

Aggie85

Link to comment
Share on other sites

Doesn't do me any good since I can't get vertical scrollbars on any combination of VBOX ...how do I get the main form with a layout of VBOX to activate the vertical scrollbar when the content heights are larger than the browser window's height?

None of the desktop examples will do this.

All the best,

Aggie85

Link to comment
Share on other sites

5 minutes ago, Aggie85 said:

Doesn't do me any good since I can't get vertical scrollbars on any combination of VBOX ...how do I get the main form with a layout of VBOX to activate the vertical scrollbar when the content heights are larger than the browser window's height?

None of the desktop examples will do this.

Could you please make a simple testcase to check?

Link to comment
Share on other sites

Sherzod,

I can't give you an example because I can't get anything to work.

I just tried the SIMPLEST as following:

1) Set MainModule's MainFormDisplayMode to mfPage.

2) Set the Layout of the main form to VBOX...

3) Create 3 panels on the main form with a Layout of HBOX...

4) Set the 3 panel's height to 500px each.

5) Build and run app... if I size the browser window to NOT fit the 3 panels in vertical height, the most bottom panel is clipped and there is NO vertical scroll bar.

I want to create a vertical main form that can be used for both desktops and mobile devices that will be taller than the browser's view height.

How do I do this? None of the desktop examples show this.

All the best,

Aggie85

Link to comment
Share on other sites

7 minutes ago, Aggie85 said:

I can't give you an example because I can't get anything to work.

Okay.

Can you test with this demo?

\FMSoft\Framework\uniGUI\Demos\Desktop\Clientside Alignment - Layout VBox

 

9 minutes ago, Aggie85 said:

1) Set MainModule's MainFormDisplayMode to mfPage.

 

9 minutes ago, Aggie85 said:

2) Set the Layout of the main form to VBOX...

MainForm.Layout = fit

UniContainerPanel1.Layout = vbox

UniContainerPanel1.AutoScroll = True

UniPanel1.LayoutConfig.Flex = 0

UniPanel1.Height = 500

UniPanel2.LayoutConfig.Flex = 0

UniPanel2.Height = 500

UniPanel3.LayoutConfig.Flex = 0

UniPanel3.Height = 500

image.thumb.png.ebb98b40fd5d7c56ae3508e983da91de.png

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...