configure the free space between the form boxes

Answers

• Options

  carrie_medine Member Advanced IT Monkey ✭✭✭

  May 2016

  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#/
  

  0
• Options

  seth_coussens Member Ninja IT Monkey ✭✭✭✭

  May 2016 edited May 2016 Answer ✓

  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.

  5
• Options

  Claas_Tews Partner IT Monkey ✭

  May 2016

  Hello carrie, hello seth,

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

  Grretings

  0
• Options

  seth_coussens Member Ninja IT Monkey ✭✭✭✭

  May 2016

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

  0
• Options

  james_kleinschnitz Cireson Dev, Product Owner Advanced IT Monkey ✭✭✭

  May 2016 Answer ✓

  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;
  }

  
  

  6
• Options

  Joe_Burrows Cireson Devops Super IT Monkey ✭✭✭✭✭

  May 2016

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

  0
• Options

  H_Gerling Member Adept IT Monkey ✭✭

  May 2016

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

  2