This is a migrated thread and some comments may be shown as answers.

Twitter timeline widget

6 Answers 93 Views

General Discussion

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

John asked on 02 Apr 2013, 07:18 AM

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?

6 Answers, 1 is accepted

answered on 04 Apr 2013, 09:31 AM

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.