control spacing
Does anyone know how to change the row spacing in a subform?
I've seen the RowScale button in the eForms builder, but that pertains only to the form and still leaves a lot of space between rows on the form.
I really want the capability of the subform, but the look of a grid where the rows aren't so far apart and there are borders at least around the whole subform, if not between each row as well...
I'm sure this all takes CSS.
Has anyone already solved this? Here's an example of what my subform looks like:
thanks for any help you can provide!
-
I have an app that will adjust the spacing. It is very application specific, though, so not sure it will help you. Since I can't attach it here, I'll have to give you the js and a screenshot...
/*
* JQuery WYSIWYG Web Form Designer
* Copyright 2015 AgilePoint Inc
*/
function ApplyCSS2RemoveSpaces() {
//this will apply the CSS to remove the spaces between the previewRows.
//debugger;
var oMargin = getFieldNameObjectValue('MarginNumber')+"px";
$('#previewRow6').css("margin-top", oMargin);
}function getFieldNameObjectValue(fieldName) {
var value;
eFormHelper.getFieldValue({ fieldId: fieldName }, function (result) { value = result.data; });
return value;
} -
I did get something to work last night (not sure if it's the best way, but it worked)...
.subCtrlPreviewCtrlHolder.occupiedControl {
padding:2px !important;
}This sets the padding for all controls on the subform (which may or may not be ok based on your set up). I found that the padding is set to 10px by default. I reduced it to 2.
Please sign in to leave a comment.
Comments
9 comments