Hi ,
Is it possible to change logo on a form according to who is logged in?
If anyone has ever done this please assist.
Your response will be highly appreciated.
Kind regards,
Reneilwe
Hi Reneilwe,
You can use Javascript.
This is the code
$(document).ready(function ()
{
//Get user name
var user = $('#q1 input').val();
//Condition if user = ADMIN
if(user == 'ADMIN')
{
//Set logo to Google
$('#form-logo').attr('src', 'https://i.ytimg.com/vi/cazdJdeZcUY/maxresdefault.jpg');
}
//Condition if user different from ADMIN
else if(user != 'ADMIN')
{
//Set logo to Yahoo
$('#form-logo').attr('src', 'https://www.journaldugeek.com/content/uploads/2019/09/yahoo.jpg');
}
})
Hi Olivier,
Thank you very much, It works perfect.
So what if the source of the image is on my local machine?
Thanks
You should be able to place the image in the Forms Image folder (C:\Program Files\Laserfiche\Laserfiche Forms\Forms\img) and then reference it like https://formsserver.com/Forms/img/cc-amex.png
Thank so much Bert. That worked fine as well.
While on this my JavaScript codes sometimes work on the preview but not on the actual start process, any suggestion regarding this
without your code, it would just be wild guessing. Post your JavaScript (replace any sensitive data with XXXX) and someone may be able to assist.
Just something to note that if you place the image in the forms folder, you will need to take a back up of the images, before performing and upgrade of Forms or a repair.
Thank you all for your assistance.
My code, I am trying to have a checkbox ticked every time a file is uploaded. I have multiple file uploads and check boxes that match with their uploads. this works fine on preview but on start process it is not working. You can notice that I have repeated the code multiple times, the reason is that when I try to use class names it ticks all the check boxes.
///////////////Checkbox
$(document).ready(function() {
$('.collectionupload').on("click change", function() {
if ($('.collectionupload > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field184-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field184-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('.collectionupload > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field184-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field184-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q120').on("click change", function() {
if ($('#q120 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field186-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field186-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q120 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field186-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field186-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q118').on("click change", function() {
if ($('#q118 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field185-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field185-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q118 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field185-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field185-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q123').on("click change", function() {
if ($('#q123 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field187-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field187-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q123 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field187-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field187-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q124').on("click change", function() {
if ($('#q124 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field188-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field188-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q124 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field188-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field188-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q115').on("click change", function() {
if ($('#q115 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field189-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field189-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q115 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field189-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field189-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q126').on("click change", function() {
if ($('#q126 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field190-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field190-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q126 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field190-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field190-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q127').on("click change", function() {
if ($('#q127 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field191-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field191-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q127 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field191-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field191-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q128').on("click change", function() {
if ($('#q128 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field192-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field192-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q128 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field192-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field192-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q35').on("click change", function() {
if ($('#q35 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field193-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field193-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q35 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field193-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field193-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q129').on("click change", function() {
if ($('#q129 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field194-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field194-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q129 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field194-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field194-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q130').on("click change", function() {
if ($('#q130 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field195-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field195-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q130 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field195-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field195-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q131').on("click change", function() {
if ($('#q131 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field196-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field196-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q131 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field196-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field196-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q45').on("click change", function() {
if ($('#q45 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field197-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field197-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q45 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field197-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field197-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q85').on("click change", function() {
if ($('#q85 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field198-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field198-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q85 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field198-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field198-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q43').on("click change", function() {
if ($('#q43 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field200-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field200-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q43 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field200-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field200-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q42').on("click change", function() {
if ($('#q42 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field202-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field202-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q42 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field202-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field202-0').prop('checked', false).change();
}
});
});
});
///
$(document).ready(function() {
$('#q44').on("click change", function() {
if ($('#q44 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field203-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field203-0').prop('checked', false).change();
}
$('button.btn.btn-danger.deleteFileBtn').on("click", function() {
if ($('#q44 > div > div > table > tbody > tr.file').length) {
$('input[value=\"Uploaded\"]#Field203-0').prop('checked', true).change();
}
else {
$('input[value=\"Uploaded\"]#Field203-0').prop('checked', false).change();
}
});
});
});
Do you have separate Classes for each individual CheckBox, as from your code it looks like "Uploaded" has been assigned to all the checkboxes, which would mean that once one of the conditions in any of the IF statements were to be met, then any field which is a checkbox with the class Uploaded assigned to it would then be true.
If you are to separate and reference each tick box with a individual class ie Uploaded1 and Uploaded2 etc, then each checkbox would be individually identifiable.
Hi Anthony,
Thank you for your response, I get what you mean I will try it that way, so with this code working only on preview and not on actual start activity do you have an idea why that might be happening?
Your help will be highly appreciated.
Reneilwe Seshoka, you have (in my mind) 18 '$(document).ready(function() {'.
Why don't you put all in 1 ? Like that, you could reduce the code.
//7 lines
$(document).ready(function() {
alert('hi one');
});
$(document).ready(function() {
alert('hi two');
});
//is same than
//4 lines
$(document).ready(function() {
alert('hi one');
alert('hi two');
});
Anyway, it looks like your have 1 more closed parentheses in your code at each line 21, 42, 64 , 86 .... delete them.