Side by Side fileds in a template

obrienj

Is the a way to position fields side by side in a bubble editor template without resorting to pure HTML, that is using the tags provided by Editor package?

Regards,
Jim

allan

No - sorry. You would need to use CSS to manipulate the contents of the bubble. There is no built in way of customising its layout at the moment.

Allan

obrienj

Allan,

To expand, what might I override in the bubble CSS to cause the fields "start" and " end" to be side by side?

Both are "datetime" type.

I did notice "<div class='DTE_Field_InputControl' ... style='display: block'" but it has no CSS to override.

I tried creating CSS for that class, but that did no good.

how could i override this if that would help?

Regards,
Jim

allan

The key would be to use div.DTE_Bubble div.DTE_Field as the main part of your selector (possibly the only selector needed in fact). That will give you the field containers and you could set them to be 50% width and floating left, or use more clever techniques such as flex box.

Allan