So I've been trying to figure this out myself for hours and haven't been able to solve it. The issue is this: The site is set up with Joomla 3.0, wright template with bootstrap framework and uses K2 and works wonderfully, no hiccups without chronoforms. However, once I enable the chronoform plugin, the home page breaks. It displays the first leading article, but not any of the others. The item container divs load for all of the other articles but not any of the content. I've tried during off K2s jquery as well as the jquery for wright template and that doesn't change anything. I apologize if this is a super beginner problem but I didn't know where else to look for help. I include the site code with chronoforms turned on below. Thanks for any help.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <base href="http://electriccourant.com/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta property="og:url" content="http://electriccourant.com/" />
<meta property="og:title" content="Electric Courant - Home" />
<meta property="og:type" content="Article" />
<meta property="og:description" content="." />
<meta name="description" content="." />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>Electric Courant - Home</title>
<link href="http://electriccourant.com/itemlist/" rel="canonical" />
<link href="/templates/js_wright/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
<link rel="stylesheet" href="/components/com_k2/css/k2.css" type="text/css" />
<link rel="stylesheet" href="/plugins/content/xtypo/themes/default/style.css" type="text/css" />
<link rel="stylesheet" href="/templates/js_wright/wright/bootstrap/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/templates/js_wright/wright/bootstrap/css/bootstrap-responsive.min.css" type="text/css" />
<link rel="stylesheet" href="/templates/js_wright/wright/fontawesome/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="http://electriccourant.com/templates/js_wright/wright/css/typography.css" type="text/css" />
<link rel="stylesheet" href="http://electriccourant.com/templates/js_wright/wright/css/joomla30.css" type="text/css" />
<link rel="stylesheet" href="http://electriccourant.com/templates/js_wright/wright/css/joomla30.responsive.css" type="text/css" />
<link rel="stylesheet" href="http://electriccourant.com/templates/js_wright/css/1_template.css" type="text/css" />
<link rel="stylesheet" href="http://electriccourant.com/templates/js_wright/css/style-theme1.css" type="text/css" />
<link rel="stylesheet" href="http://electriccourant.com/templates/js_wright/css/custom.css" type="text/css" />
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="/media/system/js/modal.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
<script src="/media/k2/assets/js/k2.noconflict.js" type="text/javascript"></script>
<script src="/components/com_k2/js/k2.js" type="text/javascript"></script>
<script src="/plugins/content/xtypo/assets/script.js" type="text/javascript"></script>
<script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
SqueezeBox.initialize({});
SqueezeBox.assign($$('a.modal'), {
parse: 'rel'
});
});
var K2SitePath = '/';
</script>
<script type="text/javascript">
var disqus_shortname = 'ecourant';
var disqus_url = 'http://electriccourant.com/';
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://ecourant.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
</head>
<body class="is_chrome v_26 toolbarpadding b_jdefault h_jdefault id_101 home rev_3.0.22">
<div class="wrapper-toolbar">
<nav id="toolbar">
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-toolbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse" id="nav-toolbar">
<ul class="nav menu float:right, float-right">
<li class="item-112"><a href="/about-us" >About Us</a></li><li class="item-113"><a href="/contribute" >Contribute!</a></li><li class="item-115"><a href="/twitter" >Twitter</a></li><li class="item-106"><a href="/2013-05-06-23-34-28" >Forum</a></li><li class="item-105"><a href="/login" >Login</a></li><li class="item-116"><a href="/support-electric-courant" >Support Electric Courant</a></li></ul>
<script type='text/javascript'>
window.onload = function() {
if(typeof addthis_conf == 'undefined'){
var script = document.createElement('script');
script.src = '//s7.addthis.com/js/300/addthis_widget.js#pubid=Your+Profile+ID';
document.getElementsByTagName('head')[0].appendChild(script);
var addthis_product = 'jfp-1.0';
}
}
</script>
<div class='joomla_addthis_follow'>
<!-- AddThis Follow BEGIN -->
<p> </p>
<div class="addthis_toolbox addthis_32x32_style addthis_default_style ">
<a class="addthis_button_facebook_follow" addthis:userid="ElectricCourant"></a>
<a class="addthis_button_twitter_follow" addthis:userid="electriccourant"></a>
</div>
<!-- AddThis Follow END -->
</div>
<script type='text/javascript'>
var addthis_product = 'jfp-1.0';
</script>
</div>
</div>
</div>
</div>
</nav>
</div>
<div class="container">
<header id="header">
<div class="row clearfix">
<div id="logo" class="span4"><a href="http://electriccourant.com/" class="image"><h2>Electric Courant</h2><img src="http://electriccourant.com/images/logo-cropped.png" alt="" title="" /></a></div>
<div class="clear"></div>
</div>
</header>
<div class="wrapper-menu">
<div class="">
<nav id="menu">
<div class="navbar ">
<div class="navbar-inner">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse" id="nav-menu">
<ul class="nav menu nav-tabs">
<li class="item-101 current active"><a href="/" >Home</a></li><li class="item-102"><a href="/news" >News</a></li><li class="item-168"><a href="/previews" >Previews</a></li><li class="item-103"><a href="/retro-rewind" >Retro Rewind</a></li><li class="item-104"><a href="/top-s" >Top Ten-ish</a></li><li class="item-167"><a href="/sales" >Sales</a></li></ul>
</div>
</div>
</div>
</nav>
</div>
</div>
<div id="main-content" class="row">
<section class="span9" id="main">
<div id="system-message-container">
<div id="system-message">
</div>
</div>
<!-- Start K2 Category Layout -->
<div id="k2Container" class="itemListView">
<!-- Item list -->
<div class="itemList">
<!-- Leading items -->
<div id="itemListLeading">
<div class="itemContainer itemContainerLast" style="width:100.0%;">
<!-- Start K2 Item Layout -->
<div class="catItemView groupLeading catItemIsFeatured">
<!-- Plugins: BeforeDisplay -->
<!-- K2 Plugins: K2BeforeDisplay -->
<div class="catItemHeader">
<!-- Item title -->
<h3 class="catItemTitle">
<a href="/retro-rewind/item/15-dune-ii-the-building-of-a-dynasty">
Dune II: The Building of a Dynasty </a>
</h3>
<!-- Item Author -->
<span class="catItemAuthor">
Written by
<a rel="author" href="/itemlist/user/889-reece">Reece</a>
</span>
</div>
<!-- Plugins: AfterDisplayTitle -->
<!-- K2 Plugins: K2AfterDisplayTitle -->
<div class="catItemBody">
<!-- Plugins: BeforeDisplayContent -->
<!-- K2 Plugins: K2BeforeDisplayContent -->
<!-- Item introtext -->
<div class="catItemIntroText">
Did you know that Dune II: The Building of a Dynasty
; </div>
<div class="clr"></div>
<!-- Plugins: AfterDisplayContent -->
<!-- K2 Plugins: K2AfterDisplayContent -->
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="clr"></div>
<!-- Item "read more..." link -->
<div class="catItemReadMore">
<a class="k2ReadMore" href="/retro-rewind/item/15-dune-ii-the-building-of-a-dynasty">
Read more... </a>
</div>
<div class="clr"></div>
<!-- Plugins: AfterDisplay -->
<!-- K2 Plugins: K2AfterDisplay -->
<div class="clr"></div>
</div>
<!-- End K2 Item Layout -->
</div>
<div class="clr"></div>
<div class="itemContainer itemContainerLast" style="width:100.0%;">
<!-- Start K2 Item Layout -->
<div class="catItemView groupLeading catItemIsFeatured">
<!-- Plugins: BeforeDisplay -->
<!-- K2 Plugins: K2BeforeDisplay -->
<div class="catItemHeader">
</div>
<!-- Plugins: AfterDisplayTitle -->
<!-- K2 Plugins: K2AfterDisplayTitle -->
<div class="catItemBody">
<!-- Plugins: BeforeDisplayContent -->
<!-- K2 Plugins: K2BeforeDisplayContent -->
<div class="clr"></div>
<!-- Plugins: AfterDisplayContent -->
<!-- K2 Plugins: K2AfterDisplayContent -->
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="clr"></div>
<div class="clr"></div>
<!-- Plugins: AfterDisplay -->
<!-- K2 Plugins: K2AfterDisplay -->
<div class="clr"></div>
</div>
<!-- End K2 Item Layout -->
</div>
<div class="clr"></div>
<div class="itemContainer itemContainerLast" style="width:100.0%;">
<!-- Start K2 Item Layout -->
<div class="catItemView groupLeading catItemIsFeatured">
<!-- Plugins: BeforeDisplay -->
<!-- K2 Plugins: K2BeforeDisplay -->
<div class="catItemHeader">
</div>
<!-- Plugins: AfterDisplayTitle -->
<!-- K2 Plugins: K2AfterDisplayTitle -->
<div class="catItemBody">
<!-- Plugins: BeforeDisplayContent -->
<!-- K2 Plugins: K2BeforeDisplayContent -->
<div class="clr"></div>
<!-- Plugins: AfterDisplayContent -->
<!-- K2 Plugins: K2AfterDisplayContent -->
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="clr"></div>
<div class="clr"></div>
<!-- Plugins: AfterDisplay -->
<!-- K2 Plugins: K2AfterDisplay -->
<div class="clr"></div>
</div>
<!-- End K2 Item Layout -->
</div>
<div class="clr"></div>
<div class="clr"></div>
</div>
</div>
<!-- Pagination -->
<div class="k2Pagination">
<div class="clr"></div>
</div>
</div>
<!-- End K2 Category Layout -->