External widget include into ionic app

@rvkvino wrote:

I have developed app using ionic 3. I need to display FXStreet’s Economic Calendar Pro widget into my application home page. For this I have done as like below, I have added this code into my src/index.html

<script type="text/javascript">
        var fxcalendar_config = {
            host: "http://calendar.fxstreet.com",
            css: 'mini',
            rows: 7,
            pastevents: 0,
            hoursbefore: 1,        
            timezone: 'India Standard Time',
            showcountryname: 'true',
            columns: 'date,time,country,event,previous,volatility,actual',
            isfree: 'true',
            countrycode: 'JP:EMU,UK,US',
            culture:'en-US'
        };
    </script>
    <script type="text/javascript" src="http://calendar.fxstreet.com/scripts/mini"></script>

And added the below code into src/pages/home/home.html

<ion-grid>
  <ion-row>
    <ion-col>
        <div id="fxst_calendar" class="last-table" style="position: relative; width: 100%; overflow: auto; margin-bottom: 10px;"></div>
    </ion-col>
 </ion-row>
 </ion-grid>

This is working in ionic lab(when i check in browser). But not displaying in real device. This home.html code will display the out put of FXStreet’s Economic Calendar. Could you please help anyone to solve this issue. This is working in ionic 1 application, not working in ionic 2 based apps.

Posts: 1

Participants: 1

Read full topic