Embedded web in mobile application

Ionic Framework ionic-v3
#21

i have nice component on this site to take pictures from Facebook account

#22

That site works fine…

Capture
Capture.PNG623×1102 493 KB

#23

This was the code change…

 <ion-card>
        <ion-card-header>
            <ion-card-title>
                Przykładowa Galeria
            </ion-card-title>
        </ion-card-header>
        <ion-card-content>
            <iframe src="http://www.tawerna-gdynia.pl/index.php/gallery-album" style="width: 100%; height: 70vh;"></iframe>
        </ion-card-content>
    </ion-card>

I mentioned before about using vh for the height - you can see an example of it here.

1 Like
#24

wow, yes its working ! :slight_smile:

#25

working on site, i will try emulate ios

#26

If it works out don’t forget to like or mark as ‘solution’ where appropriate.

And in the future - don’t use attribute styles unless you’re sending emails…

GOOD(ish - better in a scss)

<whatever style="width: 100%; height: 50vh;"></whatever>

BAD

<whatever width="100%" height="100%"></whatever>
#27

ok, thx you help me
I’m just learning ionic and it will help me

#28

Maybe you have a course or know where I can find something

#29

Nah just keep ploughing at it - you’ll be fine

#30

Hi good evening, I have a question, I have a project with a iframe embedded url, but not download files in app and however if download in the browser. I like that the app allow download files, Can you help me?

#31

Hi. Sorry I’m not getting the question. You want to download files via the iframe?

#32

a question, it is possible to remove the header of the page or the navigation menu so that users can not change pages.

#33

Hi,

I’ve done a repo.

Basically remove the ion-header section.

Also for Android you need to disabled the back button which is done in the app.component.ts file. You can see it all in the repo.

#34

I think I expressed myself badly, what I want to know is if you can remove the header of the page embedded in the ionic application.

#35

Hi,

I have embedded a website inside my ionic 4 app.

However, I would like to autofill username/password for Login Page of this embedded website.

Original Flow:
Open Mobile App -> Enter Username/Password Manually in Login Page -> Home Page

Proposed Flow:
Open Mobile App -> Enter Username/Password Automatically Via Autofill In Login Page -> Home Page

In simple means, after user open mobile app, it will directly jumps into Home Page, bypass Login Page.

How should I code to achieve this flow?

Thanks

#36

Hi, @Judgewest2000, how can I access Facebook, Google, Linkedin, Instagram, Youtube, Twitter, etc using iframe in Ionic 5 application?

#37