Rinu
June 24, 2020, 5:04am
1
Hi I would like to show/hide fields based on toggle.
the below code i tried is working if its text field but not for list and library control.
SPDataTable3 is the table i would like to hide
hideOrShow();
if (fd.field('ProfessionalIndemnityInsurance').value) {
$(fd.container('SPDataTable3').$parent.$el).show();
} else {
$(fd.container('SPDataTable3').$parent.$el).hide(); ;
}
}
Hello @Rinu ,
To hide/show List or Library control dynamically you need to:
Give control a CSS class, e.g. 'table-to-hide'
And use this code to show/hide the control:
//hide control
$('.table-to-hide').hide();
//show control
$('.table-to-hide').show();
Please find more information about how to work with fields/control/containers in JavaScript here .
Rinu
June 24, 2020, 7:53am
3
Thank you Mnikitina, was it the same for any controls such as RichText etc
Dear @Rinu ,
Hello @Nikita_Kurguzov ,
Best regards
@Sternchen ,
What field or control do you want to make required?
I want to make the document libary required:
Presumably, however, this is not possible.
@Sternchen ,
You can make the List or Library control required by adding a custom form validator:
fd.validators.push({
name: 'MyCustomValidator',
error: 'Upload files',
validate: function(value) {
if (fd.control('SPDataTable1').widget.dataItems().length < 1){
return false;
}
return true;
}
});
Please note that Attachments fields form the Common fields section don't save files to SharePoint site. Files are saved to your Plumsail Account.
It looks like it is not working. I changed the SPDataTable1 to 2.
@Sternchen ,
Try adding the validation after the control is ready like this:
fd.spRendered(function() {
fd.control('SPDataTable1').ready(function(dt) {
fd.validators.push({
name: 'MyCustomValidator',
error: 'Upload files',
validate: function(value) {
if (fd.control('SPDataTable1').widget.dataItems().length < 1){
return false;
}
return true;
}
});
});
});
If that won't work, please share the screenshot of all errors from the browser console(F12).
Here are all the errors:
These are the errors I get, when i hit the save button:
@Sternchen ,
These errors are not related to the code I've shared.
Please comment out all code except for the part I've shared and test. Make sure you are using the control internal name in the code.
I just used your code .
And after I hit save:
May I asked is there a possibility to outsource my json code? So I only have one json code for 3 forms.
@Sternchen ,
Please share the full code you used when testing the form and got these errors.
Not sure I understood you. Do you want to store the code in a file and re-use it on multiple forms? If so, please see this post .
I just used the code you have sent me.
@Sternchen ,
Please export the form with the List or Library control and the code you've been testing and send it to me. I'll check it on my side.
test_form.xfds (36.0 KB)
I really don´t know why it is working now but this code works for me:
fd.validators.push({
name: 'MyCustomValidator',
error: 'Upload files',
validate: function(value) {
if (fd.control('SPDataTable1').widget.dataItems().length < 1){
return false;
}
return true;
}
});
It was your first code and now it seems working.@mnikitina
Now I want to make it require only when the IBAN field has a value.
if(fd.field('IBAN').value != ''){
But this isn´t working. Hope you can help me.
@Sternchen ,
I'm glad the validation is working.
You need to add a condition inside the validator instead, like this:
fd.validators.push({
name: 'MyCustomValidator',
error: 'Upload files',
validate: function(value) {
if (fd.control('SPDataTable1').widget.dataItems().length < 1 && fd.field('IBAN').value){
return false;
}
return true;
}
});
Thank you
1 Like
