Button in middle of the User Form
Hi,
I want to place a button in the middle of the user form and 2 button in the bottom of the form.
When i place a button in the middle of the form in user task, i see all the buttons are grouped within a
<divclass=“grouped-buttons”> and moved to the middle of the form.
can you please help me how to place a button in the middle and 2 other button in the bottom. Im using Collibra 5.7.7-7 version.
Thanks.
Former User
Posted 5 years ago · Edited 1 year ago·Last reply 5 years ago
6 comments
alvinuseree
·5 years ago · EditedYour best option is Collibra Support then. I suggest referencing this post to acceleration your time to a solution.
To manage expectations, the recommended solution may to be upgrade your instance.
alvinuseree
·5 years ago · EditedOk, you have script and style tags in your workflow, so this might not be bug.
I suggest stripping back ALL of the HTML, CSS and Javascript from your code and trying it out. If the buttons render correctly then you know it’s not a bug and instead something wrong with your code.
From there I would add the HTML in, then try it again. Then add the Javascript in and do the same to pinpoint your issue.
As a side note, please check this post:
https://datacitizens.collibra.com/forum/t/how-to-create-a-nice-workflow-button-to-go-to-the-asset-after-creating-it/736/10
I don’t think what you’re trying to do will work in the new workflow sidebar, so you’ll likely only be able to use that workaround for a limited period of time.
Here’s a stripped back version of that code:
Former User
OP5 years ago · EditedHi, Thanks for the code snippet. The above form property without any style is still not working.
It is grouping all the buttons together in Version 5.7.7
whereas the same form property in version 5.7.5 is working fine. The buttons are not grouped. they are placed in the same position even in the middle of the form.
alvinuseree
·5 years ago · EditedThanks for sharing, so I’ve given this a try on my 2021.06 instance and the buttons seem to render correctly for me.
Could I ask you for 1 more thing? Could you share the XML for the User Task?
The reason I am asking to see this is is because sometimes in Eclipse, you can make a change in the UI but it doesn’t update the raw XML (which can be pretty annoying at times).
Edit:
Didn’t see you were on 5.7.7. That’s fine, it’s still worth sharing the XML. If the raw XML shows all the form properties correctly configured, I think it’s safe to say this is a bug and your best bet would be Collibra support.
Former User
OP5 years ago · Editedss
Please provide all the required metadata for Metric
<activiti:formProperty id=“termName” name="<div style=“overflow: hidden;”><p style=“float:left;”><b style=“color:red;”></b><b>Metric Name</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“metricname()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“metricnameHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”> A unique name to identify the asset</p></div><script>function metricname(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“metricnameHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}setTimeout(function(){var termNameField = document.querySelectorAll(‘input[name=“termName”]’);termNameField[termNameField.length-1].focus();},500)</script> ${formSize} ${termNameFlag} ${assetExistsFlag}" type=“string”></activiti:formProperty>
<activiti:formProperty id=“definition” name="<div style=“overflow: hidden;”><p style=“float:left;”><b style=“color:red;”></b><b>Metric Description</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“metricdescription()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“metricdescriptionHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”>Text that defines and describes the term</p></div><script>function metricdescription(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“metricdescriptionHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>${termdefinitionFlag}" type=“textarea”></activiti:formProperty>
<activiti:formProperty id=“metricAlias” name="<div style=“overflow: hidden;”><p style=“float:left;”><b style=“color:red;”></b><b> Alias</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“aliasType()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“aliasTypeHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”> Metric name as viewed by the End users on Dashboards, Standard Reports, Self Service Reports and Semantic views</p></div><script>function aliasType(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“aliasTypeHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>${aliasFlag}" type=“term”>
<activiti:value id=“proposedValues” name="${aliasIds}"></activiti:value>
<activiti:value id=“proposedFixed” name=“true”></activiti:value>
<activiti:value id=“multiValue” name=“true”></activiti:value>
</activiti:formProperty>
<activiti:formProperty id=“addAlias” name=“Add Alias” type=“button”></activiti:formProperty>
<activiti:formProperty id=“editAlias” name=“Edit Alias” type=“button”></activiti:formProperty>
<activiti:formProperty id=“alias” name="<div style=“overflow: hidden;”><p style=“float:left;”><b style=“color:red;”></b><b> Alias</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“aliasType()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“aliasTypeHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”> Metric name as viewed by the End users on Dashboards, Standard Reports, Self Service Reports and Semantic views</p></div><script>function aliasType(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“aliasTypeHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>${aliasFlag}" type=“textarea”></activiti:formProperty>
<activiti:formProperty id=“objectOfApplication” name="<div style=“overflow: hidden;”><p style=“float:left;”><b>Object Of Application</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“objectOfApplication()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“objectOfApplicationHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”>Associated Risk, Control or Process linkage</p></div><script type=“text/javascript”>function objectOfApplication(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“objectOfApplicationHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>" type=“string”></activiti:formProperty>
<activiti:formProperty id=“organizationalScope” name="<div style=“overflow: hidden;”><p style=“float:left;”><b>Organizational Scope</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“organizationalScope()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“organizationalScopeHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”>Organizational scope identification of the organizational hierarchy that the metric covers</p></div><script type=“text/javascript”>function organizationalScope(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“organizationalScopeHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>" type=“string”></activiti:formProperty>
<activiti:formProperty id=“productionFrequency” name="<div style=“overflow: hidden;”><p style=“float:left;”><b>Production Frequency</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“productionFrequency()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“productionFrequencyHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”>Frequency with which the metric will be produced</p></div><script type=“text/javascript”>function productionFrequency(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“productionFrequencyHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>" type=“string”></activiti:formProperty>
<activiti:formProperty id=“metricApprover” name="<div style=“overflow: hidden;”><p style=“float:left;”><b>Metric Approver</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“metricApprover()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“metricApproverHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”>Name of the senior role approving the metric and associated threshold</p></div><script type=“text/javascript”>function metricApprover(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“metricApproverHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>" type=“string”></activiti:formProperty>
<activiti:formProperty id=“effectiveDate” name="<div style=“overflow: hidden;”><p style=“float:left;”><b>Effective Date</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“effectiveDate()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“effectiveDateHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”>Date when the metric becomes effective for reporting purposes</p></div><script type=“text/javascript”>function effectiveDate(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“effectiveDateHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>" type=“datetime”></activiti:formProperty>
<activiti:formProperty id=“comments” name="<div style=“overflow: hidden;”><p style=“float:left;”><b>Comments</b></p><p id=“purposeColor” style=“float:left;padding: 0 1%;cursor:pointer” onclick=“comments()”><b style=“position:relative;float:left;font-size:18px;”>ⓘ</b></p><p id=“commentsHelpText” style=“display: none;float:left;background-color:#4CAF50;color:white;border-radius:8px 8px 8px 0px;padding:5px;position:relative;bottom:10px”>Comments that are added to the Asset</p></div><script type=“text/javascript”>function comments(){var y = document.getElementById(“purposeColor”);var x=document.getElementById(“commentsHelpText”);if(x.style.display===“none”){x.style.display=“block”;y.style.color = ‘#008902’;}else{x.style.display=“none”;y.style.color = ‘#8C8C8C’;}}</script>" type=“string”></activiti:formProperty>
<activiti:formProperty id=“submit” name=“Submit” type=“button” required=“true”></activiti:formProperty>
<activiti:formProperty id=“cancel” name=“Cancel <style>div[name=“cancel”]{float:left; margin-top:0px !important;}</style>” type=“button” required=“true”></activiti:formProperty>
<activiti:formProperty id=“saveAs” name=“Save As” type=“button” required=“true”></activiti:formProperty>
alvinuseree
·5 years ago · EditedCan you share what your form properties tab looks like for your user task (in flowable)?