Grid on WYSYWIG Forms Editor
I'd like this added to the body style of the iframe that is loaded in the Forms Editor (html.html_edit_form body.claro.body_edit_form). background-size: 12px 12px; background-image: linear-gradient(to right, #2000ff30 1px, transparent 1px), linear-gradient(to bottom, #2000ff30 1px, #fff 1px); background-repeat: unset; The result is the grid you see. I think this would be a nice UX enhancement that might turn on/off from some control in the editor toolbar.Why OAuthServer/wwwroot/js/app.js for styling?
Seems silly to me to use a JS file, a file named "app.js" at that, for styling a page. Also, it steps on any custom styling as it renders outcome AFTER CSS has been loaded. This file does two things, only: Set background image from what looks like an attempt to use image tags to preload resources, to the "backgroundImage" property of: 1) body 2) #logo's parent element. // And, that's silly. And, it steps on CSS, which should be controlling the view. Meh.
Report - Method - Stylesheet Question
Aras 11 SP10 Good day all. I am trying to create a report that will pull all of the attached items from a document. I have a method that will get the information, but I can't get it to output correctly for the report (can't figure out the correct Stylesheet format). At the moment the method is referencing a single document by the ID number, but I will change this to cover a lot of the documents. I need a single line per related item, with the following fields (I will need to add more fields when this is working). Document ID Document Name Related ID Related Name When I run the report all of the related_id information is crammed into the Related ID cell. The Document ID cells will include the related_id number & the id number of the Relationship tab. Any help would be appreciated. Thank you. Stylesheet <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:aras="http://www.aras-corp.com"> <xsl:output method="html" omit-xml-declaration="yes" standalone="yes" indent="yes" cdata-section-elements="script msxsl:script"></xsl:output> <xsl:template match="/"> <html> <head></head> <style type="text/css" userData="Global"> .cellSolidRightBottom { border-right:1px #000000 solid; border-bottom:1px #000000 solid; } .cellSolidRight { border-right:1px #000000 solid; } .cellHeader { background-color:#CCCCCC; border-top:1px #000000 solid; border-right:1px #000000 solid; border-bottom:1px #000000 solid; padding:2px; text-align:center; text-transform:capitalize; text-align:center; font-family:helvetica; font-weight:bold; font-size:8pt; } </style> <body topmargin="50" leftmargin="50"> <table border="0" cellspacing="0" cellpadding="0" width="670"> <tr> <td width="260"></td> <td width="130"></td> <td width="130"></td> <td width="260"></td> <td width="130"></td> <td width="130"></td> <tr valign="top"> <td align="left" uniqueID="ms_id77" colspan="6"> </td> </tr> </tr> <tr valign="bottom"> <td colspan="6" style="font-family:helvetica;font-size:15pt;color:#DA1943;padding:2px;" align="left" uniqueID="ms_id79">Parts List BOM Info</td> </tr> <tr valign="bottom"> <td colspan="6" style="font-family:helvetica;font-size:10pt;padding:2px;" align="left" uniqueID="ms_id80"> Generated on: <base id="ms_id81"/> <script>var d = new Date(); var months = ["January","February","March","April","May","June","July","August","September","October","November","December"]; document.getElementById("ms_id81").innerHTML = d.getDate()+" "+months[d.getMonth()]+" "+d.getFullYear(); </script> </td> </tr> <tr> <td class="cellHeader" uniqueID="ms_id100" style="border-left:1px #000000 solid;">Parts List ID</td> <td class="cellHeader" uniqueID="ms_id101">Parts List Number</td> <td class="cellHeader" uniqueID="ms_id102">Parts List Name</td> <td class="cellHeader" uniqueID="ms_id103">Related ID</td> <td class="cellHeader" uniqueID="ms_id104">Related Number</td> <td class="cellHeader" uniqueID="ms_id105">Related Name</td> </tr> <xsl:apply-templates mode="ORPH" select="//Item"> </xsl:apply-templates> </table> </body> <script src="../../javascript/PopupMenu.js"></script> <script src="../../javascript/PopupMenu.js"></script> </html> </xsl:template> <xsl:template mode="ORPH" match="//Item"> <tr> <td class="cellSolidRightBottom" uniqueID="ms_id92" align="left" style="border-left:1px #000000 solid;"> <xsl:value-of select="id"></xsl:value-of> </td> <td class="cellSolidRightBottom" uniqueID="ms_id92" align="left" style="border-left:1px #000000 solid;"> <xsl:value-of select="item_number"></xsl:value-of> </td> <td class="cellSolidRightBottom" uniqueID="ms_id92" align="left" style="border-left:1px #000000 solid; word-wrap:break-word"> <xsl:value-of select="name"></xsl:value-of> </td> <td class="cellSolidRightBottom" uniqueID="ms_id92" align="left" style="border-left:1px #000000 solid;"> <xsl:value-of select="//related_id/Item[@id]"></xsl:value-of> </td> <td class="cellSolidRightBottom" uniqueID="ms_id92" align="left" style="border-left:1px #000000 solid;"> <xsl:value-of select="//related_id/Item[@item_number]"></xsl:value-of> </td> <td class="cellSolidRightBottom" uniqueID="ms_id92" align="left" style="border-left:1px #000000 solid;"> <xsl:value-of select="//related_id/Item[@id]"></xsl:value-of> </td> </tr> </xsl:template> </xsl:stylesheet>
Instruction: Changing the Header Logo in Aras Innovator V12
Hello everyone, Here is a short instruction on how to change the client header logo when logged in into Aras V12. Whereas V11 used a simple .svg file inside the code tree, in V12 we need to dive a little deeper: Open the TOC and go to Administration > Configuration > Client Presentation Perform a search and open the single record that you find named 'JavaScript' On the 'JavaScript' item, click on the 'Global' item / URL On the 'Global' item, open the 'Command Bar Section' relationship and expand the 'Name' column Scroll down until you find an item with the name 'com.aras.innovator.cui_default.mwh_header' and open it On the 'com.aras.innovator.cui_default.mwh_header' item, open the 'Command Bar Section' relationship and expand the 'Name' column Find the item with the name 'com.aras.innovator.cui_default.mwh_header_logo' and open it Click 'Edit' and attach your logo file to the property that has the 'Image' label Note: using .svg files is recommended by Aras because it scales without stretching and your logo will not get blurry or pixelated (.svg is a vector format). I hope this helps. All the best from Almelo. Daan
Button not adhering to CSS
Hello, I've got a button with very simple CSS (below). Problem is, the button isn't adhering to the code: {$this field rule} input; input[type="button"]{ height: 50px; width: 50px; } input[type="button"]:disabled{ background: #dddddd; } On both the form editor and the form in use, it's not following the dimensions Form Editor - not square On Form when viewing ItemType The button activates a method which is working as expected, so my only issue is the size of the button isn't doing what I want. As an alternate, I tried using an HTML field with my code to run a script, but the script doesn't seem to work on "onclick" for the HTML field; though the HTML formatting shows up as expected. Code below: <html> <body> <input type='button' onClick="function(VHVL)" style="height:40px; width:40px; background-color: RGBA(255, 255, 0); border: 1px solid RGBA(128, 128, 128, 0.5); padding: 0.25em;"> <script> function (VHVL) { // Create an Innovator object var myInnov = new Innovator(); var riskprobability = "1"; var riskimpact = "1"; var probabilityDropdown = getFieldComponentByName('_riskprobability'); probabilityDropdown.component.setState({value: riskprobability}); window.handleItemChange("_riskprobability", riskprobability); var impactDropdown = getFieldComponentByName('_riskimpact'); impactDropdown.component.setState({value: riskimpact}); window.handleItemChange("_riskimpact", riskimpact); var SeverityScore = riskprobability * riskimpact window.handleItemChange("_riskseverityscore", SeverityScore) if (riskimpact >= 4 && riskprobability <= 2) { window.handleItemChange("_riskhilp", "1"); } else { window.handleItemChange("_riskhilp", "0"); } if (SeverityScore > 4) { window.handleItemChange("_riskromap", "1"); } else { window.handleItemChange("_riskromap", "0"); } } </script> </body> </html> I don't really care whether I do this as a button or as an HTML field, but I do need the "item" to look right and execute the code. Appreciate any help on this!
