VinaGecko :: Topic: Vina Article Accordion (13/47)

TOPIC: Vina Article Accordion

Accordion Not Keeping Articles Open 9 years 9 months ago #1026

Todd Cartner OFFLINE New Member Posts: 3 Orders: 1 Download: 1 Karma: 0	Rango Can we place it in any other Content position? Is there code to overwrite the template? Also, the Accordian does not open the articles all the way. There are only 2 lines showing. Please help!
	The administrator has disabled public write access.

Accordion Not Keeping Articles Open 9 years 9 months ago #1027

Rango
OFFLINE
Administrator
Posts: 848
Thank you received: 115
Karma: 22

Dear Todd Cartner,

Yes, you can load module inside any articles by use plugin {loadposition} or {loadmodule}.
More details here: www.ostraining.com/blog/joomla/loadposition-loadmodule/

The current, i set module load introtext, so you only seee 2 lines there.
If you want show all content of article, you just need change in the module config.
You also should read documentation of this module here: joomla.vinagecko.com/docs/?extension=accordion_content

Best regards.

No pain no gain! Accept the pain, future will be fruitful!

Last Edit: 9 years 9 months ago by Rango.

The administrator has disabled public write access.

Vina Article Accordion 9 years 9 months ago #1078

Todd Cartner OFFLINE New Member Posts: 3 Orders: 1 Download: 1 Karma: 0	Hello I am trying to change the color of the light gray bar of the Article Titles and the Black bar of the selected Article Title. I would also like to change the light gray behind the text of the selected article in the content area. Can someone help me with this please? Thanks Todd
	The administrator has disabled public write access.

Vina Article Accordion 9 years 9 months ago #1080

Rango OFFLINE Administrator Posts: 848 Thank you received: 115 Karma: 22	@Todd: You can control color of the Tab, Text in module config. PS: You should read document of module before send any question: joomla.vinagecko.com/docs/?extension=accordion_content
	No pain no gain! Accept the pain, future will be fruitful! The administrator has disabled public write access.

Accordion Not Keeping Articles Open 9 years 9 months ago #1140

David Schwittek
OFFLINE
New Member
Posts: 3
Orders: 0
Download: 1
Karma: 0

Helo Rango,

I tried load the accordion using exactly the methods you mention below,

Yes, you can load module inside any articles by use plugin {loadposition} or {loadmodule}.

I used a few methods, including using the Modules Anywhere plugin. However, doing so seems to break the code's connection to whatever jQuery/javascript is transforming the divs into an accordion. The module just appears as a table, like in the attached screenshot. Note that in the screenshot there are two instances of the module: the first loaded with

loadposition

, the second with Modules Anywhere.

Below is the html code from the main content area. Perhaps you can discover what's being broken? I love your accordion module, so I would really appreciate it if you could help me to get it to work! Thank you in advance for any assistance you can give me.

<div id="fav-maincontent" class="span12">
							<div id="system-message-container">
	</div>

							<div class="item-page resources_page" itemscope="" itemtype="http://schema.org/Article">
	<meta itemprop="inLanguage" content="en-GB">
				<div class="page-header">
		<h2 itemprop="name">
												Resources									</h2>
							</div>
					
	
	
		
								<div itemprop="articleBody">
		<p>		</p><div class="moduletable">
					<h3>PVTN Webinars</h3>
					<style type="text/css">
#vina-accordion-content148 {
	max-width: 100%;
}
#vina-accordion-content148 .vina-accordion-item {
	border-top: #f0f0f0 1px solid;
	background: #cccccc;
	color: #000000;
}
#vina-accordion-content148 .accordion-open {
	background: #000000;
	color: #ffffff;
}
#vina-accordion-content148 .vina-accordion-container {
	padding: 10px;
	background: #f0f0f0;
	color: #333333;
}
#vina-copyright148 {
	font-size: 12px;
		height: 1px;
	overflow: hidden;
	}
</style>
<div id="vina-accordion-content148" class="vina-accordion-content">
		<div class="vina-accordion-item" id="vina-accordion-item1480">
		<div class="title">Freeing the Grid 2014: Best Practices in State Net Metering Policies and Interconnection Procedures</div>
		<span></span>	</div>
	<div class="vina-accordion-container">
		<div class="content row-fluid">
			<!-- Image Block -->
						
						<div class="span12">
				<!-- Title Block -->
								<h3 class="title">
					Freeing the Grid 2014: Best Practices in State Net Metering Policies and Interconnection Procedures				</h3>
								
				<!-- Info Block -->
								
				<!-- Intro text Block -->
								<div class="introtext"><p><a href="http://freeingthegrid.org/#download-ftg/">http://freeingthegrid.org/#download-ftg/</a></p></div>
								
				<!-- Readmore Block -->
							</div>
					</div>
	</div>
		<div class="vina-accordion-item" id="vina-accordion-item1481">
		<div class="title">New York State Renewables &amp; Efficiency Financial Incentives, Rules, Regulations, and Policies</div>
		<span></span>	</div>
	<div class="vina-accordion-container">
		<div class="content row-fluid">
			<!-- Image Block -->
						
						<div class="span12">
				<!-- Title Block -->
								<h3 class="title">
					New York State Renewables &amp; Efficiency Financial Incentives, Rules, Regulations, and Policies				</h3>
								
				<!-- Info Block -->
								
				<!-- Intro text Block -->
								<div class="introtext"><p><a href="http://www.dsireusa.org/">http://www.dsireusa.org/</a></p></div>
								
				<!-- Readmore Block -->
							</div>
					</div>
	</div>
	</div>

<script type="text/javascript">
jQuery(document).ready(function($) {
	$('#vina-accordion-content148 .vina-accordion-item').accordion({
		moduleId: '#vina-accordion-content148',
		cookieName: 'vina-accordion-content148',
		defaultOpen: 'vina-accordion-item1480',
		speed: 'normal',
		bind: 'click',
	});
});
</script><div id="vina-copyright148">© Free <a href="http://vinagecko.com/joomla-modules" title="Free Joomla! 3 Modules">Joomla! 3 Modules</a>- by <a href="http://vinagecko.com/" title="Beautiful Joomla! 3 Templates and Powerful Joomla! 3 Modules, Plugins.">VinaGecko.com</a></div>		</div>
	<p></p>
<style type="text/css">
#vina-accordion-content148 {
	max-width: 100%;
}
#vina-accordion-content148 .vina-accordion-item {
	border-top: #f0f0f0 1px solid;
	background: #cccccc;
	color: #000000;
}
#vina-accordion-content148 .accordion-open {
	background: #000000;
	color: #ffffff;
}
#vina-accordion-content148 .vina-accordion-container {
	padding: 10px;
	background: #f0f0f0;
	color: #333333;
}
#vina-copyright148 {
	font-size: 12px;
		height: 1px;
	overflow: hidden;
	}
</style>
<div id="vina-accordion-content148" class="vina-accordion-content">
		<div class="vina-accordion-item" id="vina-accordion-item1480">
		<div class="title">Freeing the Grid 2014: Best Practices in State Net Metering Policies and Interconnection Procedures</div>
		<span></span>	</div>
	<div class="vina-accordion-container">
		<div class="content row-fluid">
			<!-- Image Block -->
						
						<div class="span12">
				<!-- Title Block -->
								<h3 class="title">
					Freeing the Grid 2014: Best Practices in State Net Metering Policies and Interconnection Procedures				</h3>
								
				<!-- Info Block -->
								
				<!-- Intro text Block -->
								<div class="introtext"><p><a href="http://freeingthegrid.org/#download-ftg/">http://freeingthegrid.org/#download-ftg/</a></p></div>
								
				<!-- Readmore Block -->
							</div>
					</div>
	</div>
		<div class="vina-accordion-item" id="vina-accordion-item1481">
		<div class="title">New York State Renewables &amp; Efficiency Financial Incentives, Rules, Regulations, and Policies</div>
		<span></span>	</div>
	<div class="vina-accordion-container">
		<div class="content row-fluid">
			<!-- Image Block -->
						
						<div class="span12">
				<!-- Title Block -->
								<h3 class="title">
					New York State Renewables &amp; Efficiency Financial Incentives, Rules, Regulations, and Policies				</h3>
								
				<!-- Info Block -->
								
				<!-- Intro text Block -->
								<div class="introtext"><p><a href="http://www.dsireusa.org/">http://www.dsireusa.org/</a></p></div>
								
				<!-- Readmore Block -->
							</div>
					</div>
	</div>
	</div>

<script type="text/javascript">
jQuery(document).ready(function($) {
	$('#vina-accordion-content148 .vina-accordion-item').accordion({
		moduleId: '#vina-accordion-content148',
		cookieName: 'vina-accordion-content148',
		defaultOpen: 'vina-accordion-item1480',
		speed: 'normal',
		bind: 'click',
	});
});
</script><div id="vina-copyright148">© Free <a href="http://vinagecko.com/joomla-modules" title="Free Joomla! 3 Modules">Joomla! 3 Modules</a>- by <a href="http://vinagecko.com/" title="Beautiful Joomla! 3 Templates and Powerful Joomla! 3 Modules, Plugins.">VinaGecko.com</a></div> 	</div>

	
						 </div>

						</div>

Attachments:

ScreenShot...17AM.png (694KB)

The administrator has disabled public write access.

Vina Article Accordion 9 years 8 months ago #1149

Mette Staerk OFFLINE New Member Posts: 4 Orders: 0 Download: 1 Karma: 0	I have the same problem with {loadposition} {load module}. The module is opened, and cannot be closed. And the open/close icon is not shown. If I use a ex. position-9 the module works fine. I have used {loadposition} {load module} many times before, so I know how it works. Maybe there is some bug here?
	The administrator has disabled public write access.

Forum

Non-Commercial

Free Joomla Modules

Vina Article Accordion

TOPIC: Vina Article Accordion

Accordion Not Keeping Articles Open 9 years 9 months ago #1026

Accordion Not Keeping Articles Open 9 years 9 months ago #1027

Vina Article Accordion 9 years 9 months ago #1078

Vina Article Accordion 9 years 9 months ago #1080

Accordion Not Keeping Articles Open 9 years 9 months ago #1140

Vina Article Accordion 9 years 8 months ago #1149

From Our Blog

About Us

Useful Links

Follow Us

Who's Online