16 Replies Latest reply on Jun 11, 2019 9:51 AM by Michael Obermaier

Multiple Twitter Feed on Homepage

asif.hashmi May 27, 2019 2:54 AM

Hi everyone,

I tried uploading a twitter feed on my homepage and was able to do successfully. I added one twitter handle on the homepage.

Is there a way to add more than one twitter handle feed in one tile?

Re: Multiple Twitter Feed on Homepage

Michael Obermaier May 27, 2019 5:35 AM (in response to asif.hashmi)

Asif Hashmi, could you please share how you managed to add the Twitter feed.

Depending on the "how" we could propose solutions to have multiple feeds.

Cheers

Re: Multiple Twitter Feed on Homepage

asif.hashmi May 29, 2019 11:25 PM (in response to Michael Obermaier)

Hi Michael,

On our JIVE homepage tile, i selected "Graphics Element" > Create HTML Tile.

On Twitter feed page: Twitter Publish and the code is copied:

<a href="https://twitter.com/AbbVieUS?ref_src=twsrc%5Etfw">Tweets by AbbVieUS</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

The above code is for one twitter handle. How can we add two twitter handle feeds in one tile?

Re: Multiple Twitter Feed on Homepage

Michael Obermaier Jun 11, 2019 9:52 AM (in response to asif.hashmi)

Hi Asif,

thanks for clarifying - since you posted in the CRM space I thought you were a CRM client.

Anyway, here's a possible solution to your question - you could add a "tabbed view" to your HTML code which would look something like the screenshot below.

To achieve that you might want to use the attached HTML code. Source: Bootstrap Tabs and Pills

[EDITED] due to security/formatting reasons the HTML code was removed from the post and attached instead

twitter_tabs.zip 723 bytes

Re: Multiple Twitter Feed on Homepage

asif.hashmi May 30, 2019 10:55 PM (in response to Michael Obermaier)

Hi Michael,

i tried the above code in the HTML tile, the feeds are not appearing as expected. I tried the same doe which you shared. please refer to the screenshot below.

Is it due to the fact that our community is on cloud?

Re: Multiple Twitter Feed on Homepage

Michael Obermaier May 31, 2019 4:55 AM (in response to asif.hashmi)

The example above was tested in a cloud instance.

But from what your screenshot looks like, it appears as if loading the styles and the scripts failed.

You might want to troubleshoot that first. If it still doesn't work, please open a support ticket.
Like (0)

Actions

Re: Multiple Twitter Feed on Homepage

Helen Chen May 31, 2019 5:49 AM (in response to asif.hashmi)

Mine does the exact same thing.... :-(

1 person found this helpful

Re: Multiple Twitter Feed on Homepage

Michael Obermaier Jun 1, 2019 8:26 AM (in response to Helen Chen)

Helen Chen Asif Hashmi did you enable the permission for JavaScript in HTML tiles?

Re: Multiple Twitter Feed on Homepage

asif.hashmi Jun 2, 2019 9:55 PM (in response to Michael Obermaier)

How can i do that? I added the code in the HTML tiles on the homepage of my community.

FYI: Abhishek Goswami
Like (0)

Actions
Re: Multiple Twitter Feed on Homepage

Helen Chen Jun 3, 2019 5:34 AM (in response to Michael Obermaier)

Yes, all my other html tiles are working correctly.
Like (0)

Actions

Re: Multiple Twitter Feed on Homepage

Michael Obermaier Jun 3, 2019 7:28 AM (in response to Michael Obermaier)

Helen Chen Asif Hashmi please open a support ticket (each) so we can help you with that.

One or more of the following system properties will need to be changed - our support team will fix that for your instances.

html.widget.safemode.enabled	Setting to false will let HTML Text Widget's that have JavaScript be rendered inline as opposed to the default iFrame.
html.widget.strip.javascript	Setting to true will strip all JavaScript from every HTML Text Widget (and then render inline) regardless of their entitlements.
jive.htmlwidget.cleansejavascript	Setting to false will stop Jive from stripping out JavaScript in HTML Widgets for non-system administrators.

Re: Multiple Twitter Feed on Homepage

eddielyn.macasa Jun 4, 2019 6:14 AM (in response to Michael Obermaier)

Hi Michael,

I've tested the code on a 2019.2.2 demo, set the below system properties:
html.widget.safemode.enabled = false
html.widget.strip.javascript = true
jive.htmlwidget.cleansejavascript = false

I am still getting result as Asif.
Can you please advise how the code is suppose to show?

I've also tested the code online and I am getting the same.
Like (1)

Actions
- Re: Multiple Twitter Feed on Homepage
  
  Michael Obermaier Jun 5, 2019 5:20 AM (in response to eddielyn.macasa)
  
  This is what the page should look like when loading the HTML file locally
  
  this is what it looks like on a Jive SBS 2019.2.1.0
  
  Like (0)
  
  Actions
  - Re: Multiple Twitter Feed on Homepage
    
    andrelerche Jun 6, 2019 1:35 PM (in response to Michael Obermaier)
    
    There are several class attributes missing in your source code (looks like they are filtered out while posting), so this cannot work. Wherever you read xclass in the following code, change it to class and then it works.
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div>
    <ul xclass="nav nav-tabs">
        <li xclass="nav-item"><a xclass="nav-link active" data-toggle="tab" href="#home">AbbVieUS</a></li>
        <li xclass="nav-item"><a xclass="nav-link" data-toggle="tab" href="#menu1">CRM Coach</a></li>
        <li xclass="nav-item"><a xclass="nav-link" data-toggle="tab" href="#menu2">Jive Sofware</a></li>
    </ul>
    <div xclass="tab-content">
        <div xclass="tab-pane active" id="home">
          <a xclass="twitter-timeline" href="https://twitter.com/AbbVieUS?ref_src=twsrc%5Etfw">Tweets by AbbVieUS</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
        <div xclass="tab-pane" id="menu1">
    <a xclass="twitter-timeline" href="https://twitter.com/crmcoach?ref_src=twsrc%5Etfw">Tweets by crmcoach</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
        <div xclass="tab-pane" id="menu2">
          <a xclass="twitter-timeline" href="https://twitter.com/JiveSoftware?ref_src=twsrc%5Etfw">Tweets by JiveSoftware</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
    </div>
    </div>
    </body>
    </html>
    3 people found this helpful
    
    Like (1)
    
    Actions
    - Re: Multiple Twitter Feed on Homepage
      
      asif.hashmi Jun 7, 2019 5:57 AM (in response to andrelerche)
      
      I tried the code and getting the expected results after removing xclass. Though, the top two tabs are not working even though tab naes are correct in the HTML code of the respective Twitter links. CRM Coach and Jive software tabs are not responding.
      
      Like (0)
      
      Actions
      - Re: Multiple Twitter Feed on Homepage
        
        Helen Chen Jun 7, 2019 6:52 AM (in response to asif.hashmi)
        
        Asif, I had to fiddle with this but found that it works for me when I swapped out the provided links to links for my own Twitter feed. The supplied code is for 3 feeds and I only needed 2 so needed to nuke one of those tabs. Also, there are a couple of lines that have xclass twice, so do a full search and replace, or just double-check that you got them all.
        
        Thank you, Andre, for updating the code sample.
        
        Like (1)
        
        Actions
        
        Re: Multiple Twitter Feed on Homepage
        
        Michael Obermaier Jun 11, 2019 9:51 AM (in response to Helen Chen)
        
        Apologies, I wasn't aware AWX was so sensitive WRT HTML code. Anyway, I have edited my answer and attached the HTML example as zipped file.
        
        Andre Lerche, thanks for catching my mistake and Helen Chen for confirming that it works for you!
        
        Like (1)
        
        Actions