Can i rotate the content of an iframe uisng JavaScript OR CSS

Question

I have the following iframe which show a chart as follow:-

<iframe id="customchart" src="https://apps.powerapps.com/play/*********" width="100%" height="500px"></iframe>

now i want to rotate the iframe so the chart looks like this:-

is this possible, using pure JavaScript or CSS??

Thanks

Does this answer your question? [How to rotate an iFrame using javascript?](https://stackoverflow.com/questions/33727978/how-to-rotate-an-iframe-using-javascript) — Rojo, Mar 01 '21 at 17:01
@Rojo i already tried this css `#customchart{ transform: rotate(45deg); }` but it did not rotate the iframe — John John, Mar 01 '21 at 17:12
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/229364/discussion-between-rojo-and-john-john). — Rojo, Mar 01 '21 at 21:40

score 0 · Answer 1 · answered Mar 01 '21 at 21:44

Does this work for you?

Note: This will not work because https://apps.powerapps.com/play/********* is not there but if you put in a other site url it will work.

    #customchart {

        transform: rotate(90deg);
      }

<iframe id="customchart" src="https://apps.powerapps.com/play/*********" width="100%" height="500px"></iframe>

1 Answers1