Twitter timeline widget

[John]

I have implemented the  new Twitter timeline widget in my app, basically copying the code from the widget page of Twitter:

    <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/mobismart_biz"  data-widget-id="318677975329538048">Tweets</a>
    <script>!function(d, s, id) {
     var js,fjs = d.getElementsByTagName(s)[0];
     if (!d.getElementById(id)) {
      js = d.createElement(s);
      js.id = id;
      js.src = "//platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js, fjs);
     }
    }(document, "script", "twitter-wjs");</script>

With a Kendo based app: In the emulator, this doesn't show anything until I hit the refresh button at which point it shows the tweets correctly. On my android device it shows a link which takes me to a twitter page.
With a jquerymobile based app: in the emulator it shows the tweets without having to hit the refresh button, but on the Android device it just shows a link.

Any ideas?

[Jordan]

Hi John,

You may check our blog post about twitter bootstrap and see if it helps to get you started.

Happy codding,

Jordan
the Telerik team

Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Kendo UI Dojo.

[John]

Hi Jordan

Really...?

The blog entry you mentioned was interesting and does include the word "twitter" but had no relevance to my question.

[Jordan]

Hi John,

My deep apology I was going to suggest to integrate Tweeter feed using Ajax and JSONP API in mobile application to give your users a more native app look and feel, but posted the link to totally unrelated blog post.

But as you want to use run-of-the-mill the twitter widget lets help you fix your sample code by this one:

<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/mobismart_biz"  data-widget-id="318677975329538048">Tweets</a>
<script>!function(d, s, id) {
    var js,fjs = d.getElementsByTagName(s)[0];
    if (!d.getElementById(id)) {
        js = d.createElement(s);
        js.id = id;
        js.src = "https://platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js, fjs);
    }
}(document, "script", "twitter-wjs");</script>

Note: You may want to put a script part at onDeviceReady() event handler before navigator.splashscreen.hide();

Regards,
Jordan
the Telerik team

Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Kendo UI Dojo.

[John]

Hi Jordan

Thanks.  As far as I can see you have changed
js.src = "//platform.twitter.com/widgets.js"; (which is the code copied from twitter widget webpage)
to:
js.src = "https://platform.twitter.com/widgets.js"; 

Anyhow, makes no difference, works in the emulator (if you hit refresh), but not on my android device.

[Jordan]

Hi again John,

What version on Android are you using?
The fix seems to for Android on our side with absolute url. We just confirmed that it works at least on two v.4.1.2 and v.2.3.3 devices.

Also the widget you use is intended to be used on web sites that includes mobile sites. Icenium may be similar to but not a mobile site and means for iOS such scripts will not work at all.

Again the recommended approach to obtain a Twitter timeline is to use Twitter REST API.

All the best,

Jordan
the Telerik team

Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Kendo UI Dojo.

[John]

I'm on 4.0.4

If it won't work on IOS I will find another way to achieve what I need. Thanks for your help.