Draw a frame around a group of fields

[Ted Giles]

I am attempting to replicate a desktop app which has different fields grouped in one panel.
I need to draw box around the items.
Not trying to split the panel up, just draw several boxes.

Any ideas?

[d.termini]

Fields groups and visual styles?

[ljwilson]

That was my first thought, but I couldn't figure out how to get borders to show for a group visual style.

I was able to get it to work with custom.css in the custom folder--assuming InDe 13.5 ( yes Ted :-) ) and Seattle theme:

2023-05-24_8-20-42.png (19.41 KiB) Viewed 1102 times

Code: Select all

/* ********************************************************/
/* Classe applicata al contenitore del gruppo in dettaglio*/
/* Class applied to the group container in detail         */ 
/* Grouped fields on detail will appear in a box          */
/* ********************************************************/
.group-form-box
{
  position: absolute;
  border-top : 1px !important;
  border-left : 1px !important;
  border-right : 1px !important;
  border-bottom : 1px !important;
  border-style: solid !important;
}

Group Box Express 13.5.zip

Group Box Express InDe Version 13.5

(426.82 KiB) Downloaded 78 times

...jack

[Ted Giles]

This is what I get, Jack and a pic of the replication as an example;

inde01.JPG (14.13 KiB) Viewed 1088 times

[ljwilson]

It isn't seeing the custom.css file for some reason. When you unzipped the file, you have the custom folder at the same level as the .idp file, correct? Once you compile It should look like:

2023-05-24_13-49-53.png (11.11 KiB) Viewed 1084 times

And that custom folder should have the custom.css file in it.

If you are trying to make it work in your own project, then in addition to have the custom folder with the custom.css file in it at the same level as your own project file, you need to make sure for the project properties you reference the .\custom folder:

2023-05-24_16-57-09.png (52.88 KiB) Viewed 1070 times

Then you will probably have to do a hard cache reload in the browser to ensure it is seeing the new custom.css file (Try Control-F5)

..jack

[Ted Giles]

Thanks Jack, I will check.
Doctors and hospital today and tomorrow, so a weekend job.
Appreciate the quick and helpful response.
And thanks DT too.

[Ted Giles]

Worked now that I have put my head on the right way around.