Is it possible to embed iframe within material icon ?

Question

I wanted to embed the webpage such that when I click the material icon, the webpage shows up.But this is what's showing up 😖😩 Help plz ...
https://code.sololearn.com/WlEcmQd8695J/?ref=app

Answer 1

🔰 Justin 🔰 you can't embed an iframe inside material icons because the text inside defines what icon is to be used. You can try like this 👇

https://code.sololearn.com/WlLh097GakC6/?ref=app

if you click on the icon the web page will be displayed in the iframe.

Note: not all websites are allowed to be embeded in an iframe

Answer 2

✨Tuktuk. 💞...
You can report here

Go to this thread
https://www.sololearn.com/Discuss/524028/?ref=app

Answer 3

Thank u and I'll complete it soon 😉

Answer 4

Some webpages cant be embedded as iframes. Have you tried different webpages to test this?

Answer 5

check this. I think that's what you are trying to do

https://code.sololearn.com/WlLh097GakC6/?ref=app

Answer 6

Dragonxiv And how to embed it in the material icon . I placed it in btwn the icon tag but the icon disappeared 😵😱

Answer 7

꧁༒Rishabh༒꧂ who knows. At times people find it fun to do such things.

Answer 8

🔰 Justin 🔰 An international group came here just to downvote us. We must be quite important people.

Answer 9

You cant embed this one in a iframe due to cross-origin policy.
This policy forbids any other site to use the host(here w3cschools.com) site's icons, images, etc.
Let me look for a solution

Answer 10

🔰 Justin 🔰 check the below code. I have edited it so that when you click on the launch icon the material icons web page will be displayed in the iframe.

https://code.sololearn.com/WlLh097GakC6/?ref=app

Answer 11

viknesh vikky Can only see the webpage but I want the material icon to be displayed and when I click the webpage should open.
But it's not 😢

Answer 12

🔰 Justin 🔰 you want the material icon to be inside the iframe and then when you click on it, the web page should load. Is that what you are trying to do?

Answer 13

viknesh vikky you did it. Thats exactly what he wanted

Answer 14

Lord Dev Thanks🤗

Answer 15

Thank u !! But how did u do that ?

Answer 16

🔰 Justin 🔰 Just hide the iframe initially then show it when an app icon is clicked. since the icon is inside the <a> tag which targets the iframe to open the link, the website will be loaded automatically. when you press home or back button hide the iframe. That simple 😄.

Good luck 👍 for you Android phone. Hope we see that working soon 😅

Answer 17

I really don't know who's downvoting this question viknesh vikky

Answer 18

🔰 Justin 🔰 No problem. May be they don't understand the question well 😅.

Answer 19

Yes 😅😆

Answer 20

viknesh vikky I don't know why the heck do people do this