Skip navigation
cupojoe88
cupojoe88
Currently Being Moderated

Mobile Twitter defaults to Web Twitter

Nov 18, 2011 9:30 PM

Tags: #twitter #digital_publishing_suite

I'm using the http://mobile.twitter.com URL and in Preview it looks fine and pulls from the mobile site. However when I publish it to my iPad it pulls the stream from the regular Twitter site and the content takes up more horizontal space than the container.

 

Any thoughts??

1436 Views   19 Replies   Latest reply: candyland715, Jan 27, 2012 7:39 AM
 
Replies
  • Bob Levine
    Currently Being Moderated
    1. Bob Levine,
    Nov 19, 2011 5:03 AM   in reply to cupojoe88
    Report

    For twitter feeds, I use a widget from here.

     

     

     

    Bob

     
    |
    Mark as:
  • cupojoe88
    Currently Being Moderated
    2. cupojoe88,
    Nov 19, 2011 10:17 AM   in reply to Bob Levine
    Report

    Thank you for the response Bob. I wasn't aware of the widgets for DPS. Could you point me in the right direction?

     

    Thanks again!

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    3. Bob Levine,
    Nov 19, 2011 11:34 AM   in reply to cupojoe88
    Report

    Sorry. I thought I added the link to my reply.

     

     

     

    http://twitter.com/about/resources/widgets

     

     

     

    Bob

     
    |
    Mark as:
  • cupojoe88
    Currently Being Moderated
    4. cupojoe88,
    Nov 19, 2011 1:55 PM   in reply to Bob Levine
    Report

    Thanks again Bob. So, I go to the link use the for "My Website" enter the twitter account I want to pull from, copy the code that is generated. Then I pasted the code into a text document that I save as an HTML file and link to that file through the Web Content panel in InDesign. Nothing ends up loading when I preview. Am I missing a step somewhere? Or should I be placing that code somewhere else?

     

    Thanks again.

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    5. Bob Levine,
    Nov 19, 2011 2:01 PM   in reply to cupojoe88
    Report

    No. Read the directions.

     

     

     

    You need to paste that code into the body of a valid HTML page.

     

     

     

    FWIW, I just create a new HTML page in Dreamweaver and copy the code in. Save as HTML and link to that file.

     

     

     

    Bob

     
    |
    Mark as:
  • cupojoe88
    Currently Being Moderated
    6. cupojoe88,
    Nov 19, 2011 2:32 PM   in reply to Bob Levine
    Report

    Thanks! Placing the code in a Dreamweaver HTML documnet versus TextEdit made the difference.

     
    |
    Mark as:
  • cupojoe88
    Currently Being Moderated
    7. cupojoe88,
    Nov 20, 2011 9:39 AM   in reply to cupojoe88
    Report

    Ok, so it works fine in Preview - although it take a long to build, when I go to upload the updated article it says the folio exceeds 1GB! The largest piece of art on the page is only 123kb, the Dreamweaver document is 4kb. There is no video or any large files associated with the article. If I remove the Dreamweaver document there's no problem, so something with the Dreamweaver document is bloating the file. It's just a straight HTML file. I've deleted the content container and relinked it with the HTML file and same thing. Any thoughts?

     
    |
    Mark as:
  • Bob Bringhurst
    3,415 posts
    May 29, 2007
    Currently Being Moderated
    8. Bob Bringhurst,
    Nov 20, 2011 5:58 PM   in reply to cupojoe88
    Report

    Make sure that the HTML file is in its own folder. If the HTML file is in, say, the Documents folder, the entire contents of the Documents folder (and all subfolders) is uploaded as part of the HTML.

     
    |
    Mark as:
  • cupojoe88
    Currently Being Moderated
    9. cupojoe88,
    Nov 20, 2011 6:11 PM   in reply to Bob Bringhurst
    Report

    Thank you for the advice for placing the HTML file in a folder. Now it's running perfectly.

     

    What is the best resource for these type of small tips?

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    10. Bob Levine,
    Nov 20, 2011 6:55 PM   in reply to cupojoe88
    Report

    This forum. J

     

     

     

    Bob

     
    |
    Mark as:
  • candyland715
    Currently Being Moderated
    11. candyland715,
    Jan 26, 2012 11:51 AM   in reply to Bob Levine
    Report

    hello, i stumbled across this whilst researching the same issue as joe. i then followed the instructions that worked for him, yet my twitter feed displays as code in my test app on the adobe content viewer.

    i have an html (DW CS4) file saved in its very own folder on my computer, yet the app shows the code from the widget-maker window. any ideas?

     

    note: i used the Widgets>My website>Profile widgets option.

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    12. Bob Levine,
    Jan 26, 2012 12:02 PM   in reply to candyland715
    Report

    Saved the HTML file and then create a new frame in the article

     

     

     

    With that frame selected you choose web content in the overlay creator panel and browse to the html file.

     

     

     

    Is that what you did?

     

     

     

    Bob

     
    |
    Mark as:
  • candyland715
    Currently Being Moderated
    13. candyland715,
    Jan 26, 2012 12:28 PM   in reply to Bob Levine
    Report

    yes, and all it shows in the frame is:

     

    <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>

    <script>

    new TWTR.Widget({

      version: 2,

      type: 'profile',

      rpp: 4,

      interval: 30000,

      width: 'auto',

      height: 300,

      theme: {

        shell: {

          background: '#333333',

          color: '#ffffff'

        },

        tweets: {

          background: '#000000',

          color: '#ffffff',

          links: '#4aed05'

        }

      },

      features: {

        scrollbar: false,

        loop: false,

        live: true,

        behavior: 'all'

      }

    }).render().setUser('davidmcnierney').start();

    </script>

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    14. Bob Levine,
    Jan 26, 2012 1:14 PM   in reply to candyland715
    Report

    Is that all that's in the HTML file?

     

    Bob

     
    |
    Mark as:
  • candyland715
    Currently Being Moderated
    15. candyland715,
    Jan 26, 2012 1:30 PM   in reply to Bob Levine
    Report

    Yes.

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    16. Bob Levine,
    Jan 26, 2012 1:42 PM   in reply to candyland715
    Report

    That's your problem right there. You need to create a valid HTML file like this:

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Untitled Document</title>

    </head>

     

    <body>

    script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>

    <script>

    new TWTR.Widget({

    version: 2,

    type: 'profile',

    rpp: 4,

    interval: 30000,

    width: 'auto',

    height: 300,

    theme: {

    shell: {

    background: '#333333',

    color: '#ffffff'

    },

    tweets: {

    background: '#000000',

    color: '#ffffff',

    links: '#4aed05'

    }

    },

    features: {

    scrollbar: false,

    loop: false,

    live: true,

    behavior: 'all'

    }

    }).render().setUser('davidmcnierney').start();

    </script>

    </body>

    </html>

     

    Notice how the script is between the body tags.

     

    Hope that helps.

     

    Bob

     
    |
    Mark as:
  • candyland715
    Currently Being Moderated
    17. candyland715,
    Jan 26, 2012 2:20 PM   in reply to Bob Levine
    Report

    yep, i see. i'll give that a whirl. i am not a coder by any stretch of the imagination

    thanks!

     
    |
    Mark as:
  • markc888
    Currently Being Moderated
    18. markc888,
    Jan 27, 2012 5:45 AM   in reply to Bob Levine
    Report

    I have an issue on the same subject.

     

    I'm using http://mobile.twitter.com/#!/USERNAME to link to a specific twitter feed by creating a button and adding a Go To URL command so the feed appears within the popup browser.

     

    On the iPad this works fine but on an Android device (Galaxy Tab 10.1) the link sends me to the twitter login screen.

     

    Does anyone know if this is an Android bug and if there is a workaround? i.e. a way to display a specific twitter feed using the popup browser rather than an inset web content view.

     

    Thanks,

     

    Mark

     

    UPDATE: I discoverd that removing the #!/ allows the link to work.

    http://mobile.twitter.com/USERNAME

     
    |
    Mark as:
  • candyland715
    Currently Being Moderated
    19. candyland715,
    Jan 27, 2012 7:39 AM   in reply to candyland715
    Report

    it works now. thanks, bob

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (2)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points