Basically I have a form. So I have a form where I display my document in web browser. There are some field with lotus notes field, and some field with html tag.
Right now, I have a command button to edit the form. Im using @Command([EditDocument])
to edit. So when I click, it will triggered and make the form editable.
Not like usual lotus notes form for web form. I can enable edit and disable edit for lotus notes field in web, but not for the input tag. I try to hide using JavaScript using onclick button but I'm using Lotus Notes button not html button.
HTML Input
<div class="form-group" id="date-container">
<span class="group-read"><Computed Value></span>
<input type="text" class="form-control group-edit" id="P-AssignDate" name="PAssignDate" autocomplete="off" value="<Computed Value>">
</div>
JavaScript
$(document).ready(function() {
$('#btn-edit').click(function() {
$('.group-edit').css('display','inline-block');
$('.group-read').css('display','none');
});
});
Anyone know how to hide input button when the form not in edit mode, it just display the value, while when the form is in edit mode, unhide the input.