O$ 8.1: Using custom CSS in a jsClient responsive form

[Paul Mulroney]

Hi Everyone,

I'm trying to setup a form with an array of objects, each with a picture and a button. (a "recently addded" type thing).

I would like it so that the objects would evenly distribute across the page, but the built in edge floats don't seem to do what I need it to do.

Digging through CSS tutorials I found a "Flex Box" setup, where if I add a bit of CSS to the container div, it can do the magic I want:

.recentlyadded {
	/* Make the items in this paged pane distribute evenly across the page */
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: space-around !important;
}

I've added this to the "user.css", and I've created a paged pane with a $cssclassname of "recentlyadded", but it doesn't look like it worked.

Has anyone tried to add custom css to Studio 8.1?  What did I miss?

Regards,
Paul.



"A user interface is well-designed when the program behaves exactly how the user thought it would."
Joel on Software
-- 
Paul W. Mulroney                           We Don't Do Simple Pty Ltd 
pmulroney at logicaldevelopments.com.au       Trading as Logical Developments
www.logicaldevelopments.com.au             ACN 161 009 374 
Ph: +61 8 9458 3889                        86 Coolgardie Street
                                           BENTLEY  WA  6102