Printing Check Boxes

Forms
1

I have a muli select Check box on my form but I only have one choice this gives me the appearance of a check box on the form. I understand that you can't have Enhanced Text in PDF so I have to use the display form however when I do so I loose the check boxes and the checks as well as the boxes around the controls .
I would like those to stay how can I do that on a PDF Export.
Using Control P I loose the full form because the form is long and it scrolls. I can't use the Word Template option as this needs to be on demand.

Thanks

2

Dear @jktodd007,
Sorry for the delay, we've had to test this out before we could publish an answer - and interestingly enough, it wasn't the easiest task, but now we can give a satisfying answer.

In order to present Multichoice field as Checkboxes on the display form, first, add Multiple Choice Common field (not SP field) to the Display Form, and copy selection options from SharePoint:

image
image938×539 21.7 KB

Next, add the following JS code to the form:

fd.spRendered(function(){
  $(fd.field('CheckboxesSP').$parent.$el).hide();
  fd.field('Checkboxes').value = fd.field('CheckboxesSP').value.split('; ');
  fd.field('Checkboxes').disabled = true;
});

This will hide the SharePoint field, and populate Checkboxes field with its values (also disabling it from further changes). But this won't be enough - as there will be some issues when exporting to PDF.

To further adjust the presentation, add the following CSS code to CSS editor:

.fd-form .custom-control-label:before,
.fd-form .custom-control-label:after{
 display: none !important;
}

.fd-form .custom-control-input{
  position: relative !important;
  z-index: 0 !important;
  opacity: 1 !important;
}

.fd-form .custom-control-input:disabled ~ .custom-control-label{
  color: black !important;
}

P.S. This is how the exported PDF will show the field:
image

3

Hi @Nikita_Kurguzov
I am trying to use the same code but unable to get the values in multiple choice common field from SP field. SP field is multi select field. Hope you can help.
fd.field('MultiChoice1').value = fd.field('Request_x0020_Originator').value.split('; ');
fd.field('MultiChoice1').disabled = true;

Thanks.

4

Dear @aseem,
The code was created for Display form. You might be able to just copy the value if both fields are editable, no need to do any splits.

5

Thanks for your reply, I am also trying this in display form, tried without splits too.

fd.spRendered(function(){
//$(fd.field('Request_x0020_Originator').$parent.$el).hide();

fd.field('MultiChoice1').value = fd.field('Request_x0020_Originator').value;
//fd.field('MultiChoice1').disabled = true;
});

6

Dear @aseem,
If this is a display form, then the code above should work, if both fields are on the form - check browser's console for errors.

7

Getting this

spform.js:45 TypeError: fd.field(...).value.split is not a function
at eval (eval at e._executeCustomJavaScript (spform.js:116:105460), :9:73)
at spform.js:45:23858
at Array.map ()
at e.safeRun (spform.js:45:23836)
at t. (spform.js:126:34357)
at spform.js:126:25640
at Object.next (spform.js:126:25745)
at a (spform.js:126:24485)

8

I think I got it, I had to put the code inside a function. Now it is working.

9

It works in edit form but not in display form.

10

Dear @aseem,
Have you added the field to the Display form? Can you export the form for me?

11

Item_Display_Export.xfds (56.1 KB)

Attached