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?