Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Template Questions /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Twitter widget is causing sidebar links to stop working


Go to End


3 Posts   2194 Views

Avatar
Larry7

Community Member, 21 Posts

28 June 2010 at 4:39pm

I thought I was doing quite simple stuff by creating a new page type based on the page.ss and adding a Twitter widget which comes from the Twitter site. There is some js in the code which comes from the Twitter site itself. The relevant bits of code are 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>
<% base_tag %>
$MetaTags
</head>
<body class="typography">
<div id="wrapper">
<div id="header">
<h1></h1>
</div>
<div id="menu">
<% include Navigation %>
</div>
<div id="content">
$Layout
</div>
<div id="sidebar">
<div id="feed"> <a class="feed-button" href="#">&nbsp;</a> </div>
<% include SideNav %>
<div id="sidebar-bottom"> &nbsp; </div>
</div>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 200,
height: 200,
theme: {
shell: {
background: '#bbfcf8',
color: '#030003'
},
tweets: {
background: '#b9f7f2',
color: '#050005',
links: '#05f7ef'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('Living_Inspired').start();
</script>
<div id="footer">
<div id="footer-valid">
<% include Footer %>
</div>
</div>
</div>
</body>
</html>

All I have added is the code between

<script> and </script>

The Twitter widget appears fine but now this code here doesn't appear to work.

<div id="sidebar">
<div id="feed"> <a class="feed-button" href="#">&nbsp;</a> </div>
<% include SideNav %>
<div id="sidebar-bottom"> &nbsp; </div>
</div>

That while the sidebar appears the links on the sidebar are not working. It is as if there is some overriding <div> somewhere which is overwriting the code in the sidebar. But a check using Firebug doesn't reveal anything so I am at a loss how to fix this.

Any pointers gratefully accepted.

Thanks

Larry

Avatar
Hamish

Community Member, 712 Posts

7 July 2010 at 4:08pm

Avatar
Larry7

Community Member, 21 Posts

7 July 2010 at 4:28pm

Thanks. In the end I gave up the standard Twitter widget and am using a Flash based one that was designed for Facebook but works and doesn't screw up the links on the page