Is it possible to embed iframe within material icon ? | SoloLearn: Learn to code for FREE!

+24

Is it possible to embed iframe within material icon ?

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

7/20/2020 8:18:43 AM

🔰 Justin 🔰

41 Answers

New Answer

+9

🔰 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

+9

https://www.sololearn.com/post/492637/?ref=app ☝☝ Help the report this person.

+9

✨Tuktuk. 💞... You can report here Go to this thread https://www.sololearn.com/Discuss/524028/?ref=app

+6

Thank u and I'll complete it soon 😉

+5

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

+5

check this. I think that's what you are trying to do https://code.sololearn.com/WlLh097GakC6/?ref=app

+4

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

+4

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

+4

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

+3

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

+3

🔰 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

+3

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 😢

+3

🔰 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?

+3

viknesh vikky you did it. Thats exactly what he wanted

+3

Lord Dev Thanks🤗

+3

Thank u !! But how did u do that ?

+3

🔰 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 😅

+3

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

+3

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

+3

Yes 😅😆