Icon View Thread

The following is the text of the current message along with any replies.
Messages 11 to 20 of 20 total
Thread Responsive Site type BootStrap
Thu, Nov 2 2017 7:00 AMPermanent Link

Mark Brooks

Slikware

Avatar

Quick "zero code" example attached that may point you in the right direction. I think it can probably be achieved with a combination of:

- Layouts
- Constraints
- Panels

with no need to write any event handlers?



Attachments: Responsive.zip
Thu, Nov 2 2017 7:21 AMPermanent Link

Uli Becker

Mark,

not bad... Smile

Uli
Thu, Nov 2 2017 7:24 AMPermanent Link

Mark Brooks

Slikware

Avatar

Ha! Think we must've crossed over. Just saw yours. Much prettier!
Thu, Nov 2 2017 11:27 AMPermanent Link

Uli Becker

Mark,

> Ha! Think we must've crossed over. Just saw yours. Much prettier!

But I needed some lines of code. That's why your approach is better. Smile

Uli


Thu, Nov 2 2017 12:33 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Pasquale,

<< I have to develop a project with a bootstrapp responsive graphics like link

http://www.ticketxxl.it/test.html

below just that I can not make the right settings to replicate the login form. >>

I think Uli has it nailed already, but here are the concepts in writing:

1) The edit controls should have this layout:

Layout.Position:=lpTopLeft;
Layout.Consumption:=lcBottom;
Layout.Reset:=True;
Layout.Stretch:=lsRight;
Layout.Overflow:=loBottom;

2) And then you should set the min width constraint for the edit controls to whatever value you would like.  You can also set a max width of the edit controls so that they don't stretch too much, but you should probably handle the max width in the outer container panel, and then the edit controls will simply use whatever space is made available by the outer container panel.

Under normal circumstances, the edit controls will simply stretch to the right.  When the min width constraint is hit and the edit controls don't fit in the layout rectangle anymore, the layout overflow processing will kick in and move the edit controls to *below* the bottom of the space that has already been consumed by the label controls.

Just remember that when you want to *force* layout overflow, the min width constraint is the key to doing so.

Tim Young
Elevate Software
www.elevatesoft.com
Thu, Nov 2 2017 12:37 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Uli,

<< Since this is of general interest and I had some time left, I tried to clone your sample with EWB: >>

Tried ?  Succeeded !  Well done. Smile

Tim Young
Elevate Software
www.elevatesoft.com
Fri, Nov 3 2017 11:36 AMPermanent Link

Pasquale

Web Pos srl

your solutions go just fine that there are some issues:

to work you set up in the layout of the TopLeft form but i would need the login to get into the center and stretch to the right up to a certain length.

I tried to put it in the layout of the Form Center but then it does not work.

Do you have any suggestions?




Tim Young [Elevate Software] wrote:

Uli,

<< Since this is of general interest and I had some time left, I tried to clone your sample with EWB: >>

Tried ?  Succeeded !  Well done. Smile

Tim Young
Elevate Software
www.elevatesoft.com



Attachments: Immagine.png
Fri, Nov 3 2017 12:44 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Pasquale,

<< your solutions go just fine that there are some issues: >>

Are you responding to me, or Uli/Mark ?

<< to work you set up in the layout of the TopLeft form but i would need the login to get into the center and stretch to the right up to a certain length. >>

You can't stretch something to the right and center it at the same time.  Either something is left-positioned, center-positioned, or right-positioned.

Tim Young
Elevate Software
www.elevatesoft.com
Fri, Nov 3 2017 12:56 PMPermanent Link

Pasquale

Web Pos srl


sorry, did you see how the link I made?

http://www.ticketxxl.it/test.html

comes out at the center of the page and stretches to the right up to a certain length .



Tim Young [Elevate Software] wrote:

Pasquale,

<< your solutions go just fine that there are some issues: >>

Are you responding to me, or Uli/Mark ?

<< to work you set up in the layout of the TopLeft form but i would need the login to get into the center and stretch to the right up to a certain length. >>

You can't stretch something to the right and center it at the same time.  Either something is left-positioned, center-positioned, or right-positioned.

Tim Young
Elevate Software
www.elevatesoft.com
Fri, Nov 3 2017 1:30 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Pasquale,

<< sorry, did you see how the link I made?

http://www.ticketxxl.it/test.html

comes out at the center of the page and stretches to the right up to a certain length. >>

You can't really do that type of layout with EWB properties alone.  You would need to write some code to handle it properly.

Frankly, I don't see the point of stretching the dialog when there's plenty of space in the parent container.  Just make the dialog as big as you need it to be, center it, and then set the overflow properties as I previously described.

Tim Young
Elevate Software
www.elevatesoft.com
« Previous PagePage 2 of 2
Jump to Page:  1 2
Image