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

+25

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

πŸ”° Just_!n πŸ”°

40 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

+13

✨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 πŸ˜…πŸ˜†

+3

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