Idea Portal Widget Create/Edit

[litchick10]

We want to use the Idea portal and have configured it to work, however, we have additional fields that we want on the Create/Edit widget that match the form for the table.  I cannot find documentation on the widget tags. I am brand new to developing in the portal/widgets but have some experience in native SNOW

For example:

I added a field Epic Hypothesis but cannot figure out how to send the data back to the Idea. This field exists in the table as u_epic. Additionally, I can't figure out how to populate it with the default value for Epic Hypothesis. 

I added the following to the HTML

 <label for="epic" class="field-label" title="{{::data.formModel._fields.u_epic.label}}" aria-label="{{::data.formModel._fields.u_epic.label}} "
                                tooltip-right="true">
              
                                {{::data.formModel._fields.u_epic.label}}
                            </label>
                            <cf-tiny-mce
                                         ng-class="(formSubmitted && !data.formModel._fields.u_epic.stagedValue) ? 'field-invalid' : ''"
                                         data-ng-model="data.formModel._fields.u_epic.stagedValue"
                                         ng-model-options="{height: '300', allow: false}"
                                         table="{{data.formModel.table}}"
                                         attachment-sys-id="-1"
                                         max-file-size="{{data._maxAttachmentSize}}">
                              <p>test data</p>
                           </cf-tiny-mce>

The following for Server Script

			'u_epic': gs.getMessage('Epic Hypothesis')

The following to Client Script under 

    $scope.data.formModel = {
        _fields: {
	//Existing formModel info was here added this below
	  u_epic: {
                label: $scope.data.messages.formLabels.u_epic,
                name: $scope.data.messages.formLabels.u_epic,
                stagedValue: ($scope.data.ideaInfo && $scope.data.ideaInfo.u_epic) || '',
                value: '<p>Test</p>',
                displayValue: 'Test',
                type: 'html'
                 },

The value/default value do not display on the form in the portal and nothing transmits on submit.  What am I missing

Example 2:

How do I create a field with a tree picker like our benefiting line of business field

 

 Any help you can provide would be greatly appreciated

[litchick10]

Thanks for guide, I'm almost there but got an error when adding the final function to script include: IMCreateEditIdeaDataService

I tried adding this before the first line, after the end }); I looked through and didn't see any open parenthesis, am I placing it in the wrong spot?

[Chander Bhusha1]

Hi litchick10,

I can see in the return statement there might me error. If you need to send data in object you can use the syntax or else diretctly you can return:

First way:

var obj= {};

obj.sysid  = newIdesysId;

return JSON.stringify(obj);   

Second way :  directly return sysid

return newIdeaSysId;

And If not working then can you please paste the code as well as screenshot.

Please mark my answer correct and helpful.

Thanks,

CB

[litchick10]

I do appreciate the help but I'm unclear where to add that bit of code.  Here is the current entire script.

var IMCreateEditIdeaDataService = Class.create();

IMCreateEditIdeaDataService.prototype = Object.extendsObject(IMCreateEditIdeaDataServiceSNC, {
  
    type: 'IMCreateEditIdeaDataService'

});

createIdea: function(ideaInfo) {
 //gs.log('ideaInfo: ' + JSON.stringify(ideaInfo), 'IdeaPortal');
 var newIdeaSysId;
 var ideaGr = new GlideRecord(this.ideaTableName);
 ideaGr.initialize();
 ideaGr.setNewGuidValue(ideaInfo.sysId); //Setting sys_id here so that to fetch related attachments
 ideaGr.module = ideaInfo.module;
 ideaGr.short_description = ideaInfo.title;
 ideaGr.idea_description = ideaInfo.description;
 ideaGr.u_epic = ideaInfo.u_epic;
 if(ideaGr.canCreate()) {
 newIdeaSysId = ideaGr.insert();
 //this.updateIdeaReferencesWithCategories(ideaInfo.categoryInfo,newIdeaSysId);
 this.createM2MReferencesForIdeaAndCategories(ideaInfo.categoryInfo,newIdeaSysId);
 this.updateEditorAttachments(ideaInfo.editorImages, newIdeaSysId);
 }
 return {
 'sys_id': newIdeaSysId;

 };
 },

[Chander Bhusha1]

Hi litchick10,

You have placed the function outside the class so you have put inside the function as shown below.

Please paste the code in the script include complete so your script incldue will contain only this code:

var IMCreateEditIdeaDataService = Class.create();

IMCreateEditIdeaDataService.prototype = Object.extendsObject(IMCreateEditIdeaDataServiceSNC, {
  

createIdea: function(ideaInfo) {
 //gs.log('ideaInfo: ' + JSON.stringify(ideaInfo), 'IdeaPortal');
 var newIdeaSysId;
 var ideaGr = new GlideRecord(this.ideaTableName);
 ideaGr.initialize();
 ideaGr.setNewGuidValue(ideaInfo.sysId); //Setting sys_id here so that to fetch related attachments
 ideaGr.module = ideaInfo.module;
 ideaGr.short_description = ideaInfo.title;
 ideaGr.idea_description = ideaInfo.description;
 ideaGr.u_epic = ideaInfo.u_epic;
 if(ideaGr.canCreate()) {
 newIdeaSysId = ideaGr.insert();
 //this.updateIdeaReferencesWithCategories(ideaInfo.categoryInfo,newIdeaSysId);
 this.createM2MReferencesForIdeaAndCategories(ideaInfo.categoryInfo,newIdeaSysId);
 this.updateEditorAttachments(ideaInfo.editorImages, newIdeaSysId);
 }

var obj = {};
obj.sysid = newIdeaSysId;

 
return JSON.stringify(obj);


 },
    


type: 'IMCreateEditIdeaDataService'

});

Please mark my comment helpful and correct.

Thannk,

CB

[litchick10]

I copied that exactly and I got this error on submit:

It did create the Idea and populate the epic field in SNOW