Forum Discussion

krazzy522's avatar
krazzy522
Icon for Altocumulus rankAltocumulus
Feb 02, 2023

Decision box design using js

dear all

I am trying to update decision box design using JS file, I have done it in login page by following this link login design and I am thing to update same in other pages 

define(["require", "exports", "tslib", "module", "apmui/page/decisionBox/View"], function (require, exports, tslib_1, module, View_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    requirejs.config({
        map: {
            'apmui/master/View': {
                'apmui/page/decisionBox/View': module.id,
            },
        },
    });
    /* Replacement View component */
    var DecisionBoxView = /** @class */ (function (_super) {
        tslib_1.__extends(DecisionBoxView, _super);
        function DecisionBoxView() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        DecisionBoxView.prototype.componentDidMount = function () {
            _super.prototype.componentDidMount.call(this);
            requirejs(['https://d3js.org/d3.v6.min.js'], function (d3) {
                 
          var itea =  d3.select("main").html("<div id='itea'><img src='https://mc.com.sa/file/Image/itea.png'></div>" + d3.select("main").html());
       
 
                
                
            });
        };
        return DecisionBoxView;
    }(View_1.default));
    exports.default = DecisionBoxView;
});

 

  • I see that the article you referenced shows an example of the decision box customization. Is there a particular question or problem that you're experiencing? 

    • krazzy522's avatar
      krazzy522
      Icon for Altocumulus rankAltocumulus

      Hi G-Rob 

      I saw the example of decision box in the link, but it is not fulfilling my requirements,

      I am trying to insert a div with an image in decision box, could you please help me with the code to insert it

       

      Edited by Leslie_Hubertus to ensure G-Rob sees the reply by tagging him in this post

      • G-Rob's avatar
        G-Rob
        Icon for Employee rankEmployee

        Unfortunately, the example code is for inserting additional options, not general images. I'm not sure how this could be accomplished; perhaps support can help via a support request.