Dynamics Community Forum Thread Details

Dynamic populate ribbon button edit XML error

Hello,

I'm creating dynamic ribbon flyout buttons with ribbon workbench, which to be clicked to trigger actions. Refer the blog:

Dynamic Flyout Menu in Unified Interface (UCI) (www.kashanahmed.com/.../dynamic-flyout-menu-in-unified_15.html).

The main point of my code:
1. Retrieved Template Names and IDs (NOT GUID) from external endpoint.
2. Using the Names and IDs to edit the ribbon XML with JavaScript.

Here is my code:

function DynamicTemplateMenu(commandProperties) {

debugger;

var templates = [; //global templates variable

const requestOptions = {

method: 'POST',

headers: { 'Content-Type': 'application/json' },

body: JSON.stringify({ get_templates: 'Yes' })

};

fetch('prod-16.canadaeast.logic.azure.com:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', requestOptions)

.then(response => response.json())

.then(data => {

alert(JSON.stringify(data));

data = data['all-template-data';

for (let i = 0; i < data.length; i ) {

templates.push(data[i);

}

alert(JSON.stringify(templates));

var entityName = Xrm.Page.data.entity.getEntityName();

var isUCI = Xrm.Internal.isUci();

var page = "Form";

var commandId = "mcu.contact.Command.onTemplateClicked";

if (isUCI) {

commandId = entityName "|NoRelationship|" page "|" commandId;

}

var menuXml = '<Menu Id="mcu.contact.Template.Menu">';

menuXml = '<MenuSection Id="mcu.contact.Templates.MenuSection" Sequence="10" DisplayMode="Menu16">'

menuXml = '<Controls Id="mcu.contact.Templates.Control">'

var Name = "";

var Value = "";

if (templates != null) {

for (var i = 0; i < templates.length; i ) {

var Name = templates[i.templateName;

var Value = templates[i.templateId;

menuXml = '<Button Alt="' Name '" Command="' commandId '" Id="' Value '" Sequence="' ((i 1) * 10) '" LabelText="' Name '" TemplateAlias="o1" ToolTipTitle= "' Name '" ToolTipDescription="' Name '" />'

}

menuXml = '</Controls>';

menuXml = '</MenuSection>';

menuXml = '</Menu>';

commandProperties["PopulationXML" = menuXml;

}

});

}

//=========================================================================

function onTemplateClicked(commandProperties) {

alert("template with id " commandProperties.SourceControlId " selected.");

}

//=========================================================================

Run the code, there is a error as below

The Line 78 menuXml format of value as below:

</Controls>

</MenuSection>

</Menu>

Could you pls help me to check? Thanks.

var alltemplates = []; function asyncDataLoad() { //async call to load the data in async way //and save the data in alltemplates //this is the stub that always returns true return true; } function DynamicTemplateMenu(commandProperties) { //use the data from alltemplates to populate PopulationXML of commandProperties }

Quick Links