configure the free space between the form boxes

Claas_Tews

our customer asks for customizing the free space between the boxes for an optimized view e.g. free space between source and Action log. With this customization maybe we get the whole view on one page.

seth_coussens

You can do something like this in your custom.css file:

/*Decrease space between form rows*/
.row {
  margin-top: 0px;
  margin-bottom: 0px;
}
.row+.row {
	margin-top: 0px;
}

/*Decrease panel padding*/
.panel {
	padding: 0px;
}

Keep in mind this very basic code will change those elements in other forms as well and possibly other areas. You could target it more exactly if you desired.

james_kleinschnitz

Also if you preface Seth's CSS with the .defined-form class you can ensure these rules only get's applied to the forms and not other aspects of the UI.

 /*Decrease space between form rows*/
.defined-form .row {
  margin-top: 0px;
  margin-bottom: 0px;
}
.defined-form .row+.row {
	margin-top: 0px;
}

/*Decrease panel padding*/
.defined-form .panel {
	padding: 0px;
}

carrie_medine

Hello,
You may be able to accomplish this via css customizations, please take a look at this KB article as it may get you closer to your goal:  https://support.cireson.com/KnowledgeBase/View/43#/

seth_coussens

You can do something like this in your custom.css file:

/*Decrease space between form rows*/
.row {
  margin-top: 0px;
  margin-bottom: 0px;
}
.row+.row {
	margin-top: 0px;
}

/*Decrease panel padding*/
.panel {
	padding: 0px;
}

Keep in mind this very basic code will change those elements in other forms as well and possibly other areas. You could target it more exactly if you desired.

Claas_Tews

Hello carrie, hello seth,

thank you for the very fast answer. I will try this code at our customer.

Grretings

seth_coussens

Sorry, want to clarify it should be in the custom.css file. I've edited the post above to correct this.

james_kleinschnitz

Also if you preface Seth's CSS with the .defined-form class you can ensure these rules only get's applied to the forms and not other aspects of the UI.

 /*Decrease space between form rows*/
.defined-form .row {
  margin-top: 0px;
  margin-bottom: 0px;
}
.defined-form .row+.row {
	margin-top: 0px;
}

/*Decrease panel padding*/
.defined-form .panel {
	padding: 0px;
}

Joe_Burrows

Let us know if this achieves what you want Claas and I will convert this to a Question and move to the Portal category. 

H_Gerling

works fine for us (speaking for claas), thanks! i used the css code from james.