Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update AcroForms module #3813

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Update AcroForms module #3813

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
93d7a40
Update AcroForms module
imjosh Jan 15, 2025
47438b3
Merge branch 'master' into improve-acroforms
imjosh Jan 22, 2025
d3c9ff4
fix acroform jsDocs
imjosh Jan 23, 2025
5017743
don't default black border, only default white background for radioBu…
imjosh Jan 23, 2025
2a0f4b9
Update AcroForms module
imjosh Jan 15, 2025
7bfb699
Merge branch 'improve-acroforms' of https://github.com/imjosh/jsPDF i…
imjosh Jan 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
197 changes: 132 additions & 65 deletions examples/js/acroforms.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,68 +12,135 @@ var {
} = jsPDF.AcroForm;

doc.setFontSize(12);
doc.text("ComboBox:", 10, 105);

var comboBox = new ComboBox();
comboBox.fieldName = "ChoiceField1";
comboBox.topIndex = 1;
comboBox.Rect = [50, 100, 30, 10];
comboBox.setOptions(["a", "b", "c"]);
comboBox.value = "b";
comboBox.defaultValue = "b";
doc.addField(comboBox);

doc.text("ListBox:", 10, 115);
var listbox = new ListBox();
listbox.edit = false;
listbox.fieldName = "ChoiceField2";
listbox.topIndex = 2;
listbox.Rect = [50, 110, 30, 10];
listbox.setOptions(["c", "a", "d", "f", "b", "s"]);
listbox.value = "s";
doc.addField(listbox);

doc.text("CheckBox:", 10, 125);
var checkBox = new CheckBox();
checkBox.fieldName = "CheckBox1";
checkBox.Rect = [50, 120, 30, 10];
doc.addField(checkBox);

doc.text("PushButton:", 10, 135);
var pushButton = new PushButton();
pushButton.fieldName = "PushButton1";
pushButton.Rect = [50, 130, 30, 10];
doc.addField(pushButton);

doc.text("TextField:", 10, 145);
var textField = new TextField();
textField.Rect = [50, 140, 30, 10];
textField.multiline = true;
textField.value =
"The quick brown fox ate the lazy mouse The quick brown fox ate the lazy mouse The quick brown fox ate the lazy mouse"; //
textField.fieldName = "TestTextBox";
doc.addField(textField);

doc.text("Password:", 10, 155);
var passwordField = new PasswordField();
passwordField.Rect = [50, 150, 30, 10];
doc.addField(passwordField);

doc.text("RadioGroup:", 50, 165);
var radioGroup = new RadioButton();
radioGroup.value = "Test";
radioGroup.Subtype = "Form";

doc.addField(radioGroup);

var radioButton1 = radioGroup.createOption("Test");
radioButton1.Rect = [50, 170, 30, 10];
radioButton1.AS = "/Test";

var radioButton2 = radioGroup.createOption("Test2");
radioButton2.Rect = [50, 180, 30, 10];

var radioButton3 = radioGroup.createOption("Test3");
radioButton3.Rect = [50, 190, 20, 10];

radioGroup.setAppearance(Appearance.RadioButton.Cross);
var margin = 12;
let yPos = 20;

addComboBox();
addListBox();
addCheckBox();
addPushButton();
addTextField();
addPasswordField();
addRadioGroups();

function addComboBox() {
doc.text("ComboBox:", 10, yPos);
var comboBox = new ComboBox();
comboBox.fieldName = "ComboBox1";
comboBox.topIndex = 1;
comboBox.Rect = [50, yPos - 5, 30, 10];
comboBox.setOptions(["a", "b", "c"]);
comboBox.value = "b";
comboBox.defaultValue = "b";
comboBox.borderColor = [0]; // black
doc.addField(comboBox);
yPos += margin;
}

function addListBox() {
doc.text("ListBox:", 10, yPos);
var listbox = new ListBox();
listbox.edit = false;
listbox.fieldName = "ListBox1";
listbox.topIndex = 2;
listbox.Rect = [50, yPos - 5, 30, 10];
listbox.setOptions(["c", "a", "d", "f", "b", "s"]);
listbox.value = "s";
listbox.borderColor = [0];
doc.addField(listbox);
yPos += margin;
}

function addCheckBox() {
doc.text("CheckBox:", 10, yPos);
var checkBox = new CheckBox();
checkBox.fieldName = "CheckBox1";
checkBox.Rect = [50, yPos - 5, 30, 10];
checkBox.borderColor = [0];
doc.addField(checkBox);
yPos += margin;
}

function addPushButton() {
doc.text("PushButton:", 10, yPos);
var pushButton = new PushButton();
pushButton.fieldName = "PushButton1";
pushButton.Rect = [50, yPos - 5, 30, 10];
pushButton.caption = "OK";
pushButton.borderColor = [0];
doc.addField(pushButton);
yPos += margin;
}

function addTextField() {
doc.text("TextField:", 10, yPos);
var textField = new TextField();
textField.Rect = [50, yPos - 5, 40, 10];
textField.multiline = true;
textField.value =
"The quick brown fox ate the lazy mouse The quick brown fox ate the lazy mouse The quick brown fox ate the lazy mouse";
textField.fieldName = "TestTextBox";
textField.borderColor = [0];
doc.addField(textField);
yPos += margin;
}

function addPasswordField() {
doc.text("Password:", 10, yPos);
var passwordField = new PasswordField();
passwordField.Rect = [50, yPos - 5, 40, 10];
passwordField.borderColor = [0];
doc.addField(passwordField);
yPos += margin;
}

function addRadioGroups() {
var boxDim = 10;
doc.text("RadioGroups:", 10, yPos);

// First radio group
var radioGroup = new RadioButton();
radioGroup.fieldName = "RadioGroup1";
radioGroup.borderColor = [0];
doc.addField(radioGroup);
yPos -= 5;

var radioButton1 = radioGroup.createOption("RadioGroup1Option1");
radioButton1.Rect = [50, yPos, boxDim, boxDim];

var radioButton2 = radioGroup.createOption("RadioGroup1Option2");
radioButton2.Rect = [62, yPos, boxDim, boxDim];

var radioButton3 = radioGroup.createOption("RadioGroup1Option3");
radioButton3.Rect = [74, yPos, boxDim, boxDim];
radioGroup.setAppearance(Appearance.RadioButton.Cross);
yPos += boxDim + 5;

// Second radio group
var radioGroup2 = new RadioButton("RadioGroup2");
radioGroup2.value = "RadioGroup2Option3";
radioGroup2.fieldName = "RadioGroup2";

// Will apply to all radio buttons in the group, unless overridden
radioGroup2.borderColor = [0.4, 0.4, 0.4]; // gray
radioGroup2.borderWidth = 2;
doc.addField(radioGroup2);

var radioButton21 = radioGroup2.createOption("RadioGroup2Option1");
radioButton21.Rect = [50, yPos, boxDim, boxDim];

// override the radioGroup's border settings for this one radio button
radioButton21.borderColor = [0, 1, 0]; // green
radioButton21.backgroundColor = [1, 0, 0]; // red
radioButton21.borderWidth = 3;
radioButton21.borderStyle = "dashed";

var radioButton22 = radioGroup2.createOption("RadioGroup2Option2");
radioButton22.Rect = [62, yPos, boxDim, boxDim];

var radioButton23 = radioGroup2.createOption("RadioGroup2Option3");
radioButton23.Rect = [74, yPos, boxDim, boxDim];
radioButton23.AS = "/RadioGroup2Option3";

radioGroup2.setAppearance(Appearance.RadioButton.Circle);
}
Loading
Loading