Forum Discussion

ysapiyev's avatar
ysapiyev
Responsive Resident
8 years ago

Trouble with adding checkbox

Hi everyone,   I wanted to add checkbox and tried this code: svg.selectAll("foreignObject") .data(nodes) .enter().append("foreignObject") .attr('x' , o.x) .attr('y'...
Need Help
v-viig's avatar
v-viig
Community Champion
8 years ago

Hi ysapiyev

 

At first, you should include the second body tag since iframe already has it.

The input tag can be added by using d3.append method.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

 

 

ysapiyev's avatar
ysapiyev
Responsive Resident
8 years ago

v-viig

 

Can you give an exaple, how it will look like? 

  • v-viig's avatar
    v-viig
    Community Champion
    8 years ago

     

    You might use something like this code snippet:

     

    d3.select(Your_Root_Element)
    .append("input")
    .attr({
        type: "checkbox"
    });

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

    • ysapiyev's avatar
      ysapiyev
      Responsive Resident
      8 years ago

      v-viig

       

      I tried something like this:

       

      let input1 = this.svg.append("input")
                    .attr({
                        type: "checkbox",
                        x: 200,
                        y: 50
                    });

      However, nothing is shown. What can be wrong?

      • v-viig's avatar
        v-viig
        Community Champion
        8 years ago

        Does this.svg contain an svg element?

        Checkbox can be used only in HTML elements such as div, table, footer, etc.

         

        Ignat Vilesov,

        Software Engineer

         

        Microsoft Power BI Custom Visuals

        [email protected]