Responsive web application

[chetana_nikam]

I am creating a web application, so i would like to know if i can make responsive web design which will be compatible on all types of devices.

If yes then is there any example for it ?

[Per_Ronny_Westereng]

not by default yet, but you could have a look at this:

Web2.0 Very Simple Responsive Flex Layout

Creating a responsive layouts that work great on mobile is now possible with Web2.0. Here’s a simple example: Use the Flex layout type for a WebContainer. In the open event you can do something like this: LayoutType = LayoutTypes.Flex for i as integer = 0 to 5 dim cc as new CCTextfield //ContainerControl with a textfield in it cc.EmbedWithin(self, self.Width, cc.Height) cc.AddResponsiveLayout(12,6,4,3,2) //Optional if you want to specify columns next AddResponsiveLayout is a custom met…

and this:

Web2.0 External Libraries And Helpers Example Project - Nash

Web2LibrariesNash Includes: AnimateCSS, TypedJS, JQueryMask, Bootstrap Helpers, Javascript Libary, jQuery Library, WebHelpers Web2Responsive Design: How to make Responsive layouts that work on Mobile, Tablet, and Desktop! KnownIssue: There’s currently a bug when trying to tab through embedded container controls

[Jana_El_Mourad]

Hi, now in 2025 ;is this still the way to build responsive web apps in Xojo?

[Anthony_G_Cyphers]

You can use the flex layout that’s baked in to Xojo for masonry type views then I have GraffitiWall and GraffitiResponsive (load either then resize the browser window to see how they operate). GraffitiResponsive is probably what you’re looking for.

Here’s an example I put together for the flex layout not too long ago.
flex_example.xojo_binary_project.zip (9.8 KB)

[Chris_Halford]

@Anthony_G_Cyphers

long

It’s almost what I need.

Seems that you can’t contain the items within it to the height though. That means it doesn’t seem it’s possible to put like a pagination control, or some kind of status label below.

I’m interested in seeing what your tools can do.