Forum Discussion

tomseidel's avatar
tomseidel
Regular Visitor
8 years ago

Custom visual arrange layers of visualization

Hi, we need a datetime picker as custom visual. One option seemed to be including bootstrap/jquery based external components. Thats what I tried, but cant get it to work. I used: "npm install jque...
v-viig's avatar
v-viig
Community Champion
8 years ago

Power BI does not override events but it loads code into a new DIV.

I've seen such issues with similar components. Please review DOM when you click it. You would probably need to specify rootSelector for datepicker.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

tomseidel's avatar
tomseidel
Regular Visitor
8 years ago

Not sure, what that means. However I noticed that when I click the control several times it slowly displays.

1st click - nothing to see

2nd click - half visible

3rd click - full visible without any formatting

 

So the remaining questions would be.

1. Why do I have to click 3 times to fully see it?

2. why is my external css I imported in the visual.less not working

@import "node_modules/jquery-datetimepicker/jquery.datetimepicker.css";

 

Thanks

Thomas

 

 

  • v-viig's avatar
    v-viig
    Community Champion
    8 years ago
    1. Not sure. Probably it's related to CSS or missed rootSelector property
    2. You must add import statement into less file: @import (less) "node_modules/jquery-datetimepicker/jquery.datetimepicker.css";

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

     

    • tomseidel's avatar
      tomseidel
      Regular Visitor
      8 years ago

      Well I did the import:

      @import (less) "node_modules/bootstrap/dist/css/bootstrap.css";
      @import (less) "node_modules/bootstrap-datetimepicker/bootstrap-datetimepicker.css";

       

      So it must be the root selector thing. Where can I read more about that? Not sure what to look for.

       

      Thanks, again

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

        Please read documentation of datepicker to find out how to specify another root element.

         

        Ignat Vilesov,

        Software Engineer

         

        Microsoft Power BI Custom Visuals

        [email protected]