locked
FAQ webpart for 2010 RRS feed

  • Question

  • Hi

    Does anyone know of a FAQ webpart for 2010 ?

    Thanks

    Wednesday, November 9, 2011 10:20 AM

Answers

  • Hi,

    Use Accordian as given bellow

    link type="text/css" href="/_LAYOUTS/JQuery/css/smoothness/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
    <script type="text/javascript" src="/_LAYOUTS/JQuery/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/_LAYOUTS/JQuery/js/jquery-ui-1.8.9.custom.min.js"></script>
    
    <script type="text/javascript">
    
    		$(function() {
    		$( "#accordion" ).accordion({
    			autoHeight: false,
    			navigation: true
    		});
    	});
    
    <div id="accordion" >
    <h4><a href="/Site%20Pages/FAQ's.aspx#">What is a FAQ?</a></h4>
    <div><p>Your Answer. </p></div>
    </div>
    

    Hope this will help you... let me know if you require more help.. bcz i did this for my portal.


    Thanks.... ________________ Baba

    Hey this is what i did in my case and its working fine with HTML form web part... will suggest you to create sample html file first and then go for actual HTML form web part.. it might be the case that its not getting references of .js files.
    Thanks.... ________________ Baba (MCTS, MCPD)
    • Proposed as answer by Sjoukje ZaalMVP Thursday, November 10, 2011 10:47 AM
    • Marked as answer by Wayne Fan Friday, November 18, 2011 9:22 AM
    Thursday, November 10, 2011 10:43 AM

All replies

  • Does a wiki site serve your purpose? It has the same idea behind it (sharing ideas)

    Kind regards,
    Jeroen


    Blog: Skavi
    Wednesday, November 9, 2011 10:33 AM
  • Hi,

    You can use SharePoint 2010 HTML form web part to serve your purpose and inside the this web part use accordion jquery which has fance look which is typically used for FAQ's. here is the jquery for your web part http://docs.jquery.com/UI/Accordion

    Hope this will help you..


    Thanks.... ________________ Baba
    Wednesday, November 9, 2011 11:01 AM
  • I always recommend our customers to use the Enterprise Wiki site template. You can combine this with the managed metadata service. You can create categories and attach these the Wiki pages. You can also create custom page lay-out to expand the default. Check my article: http://www.jasperoosterveld.com/2011/09/creating-knowledge-centre-with.html http://www.jasperoosterveld.com/2011/09/creating-knowledge-centre-with_07.html
    Blog: www.jasperoosterveld.com Twitter: JasITConsultant Please remember to mark your question as answered if this solves your problem.
    Wednesday, November 9, 2011 11:07 AM
  • Hi

    I think for my purpose an Accordian will do the job. where do I put the code below ?

    jQuery(document).ready(function(){
    $('.accordion .head').click(function() {
    $(this).next().toggle();
    return false;
    }).next().hide();
    });

    Thanks

    Wednesday, November 9, 2011 2:40 PM
  • Hi,

    Use Accordian as given bellow

    link type="text/css" href="/_LAYOUTS/JQuery/css/smoothness/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
    <script type="text/javascript" src="/_LAYOUTS/JQuery/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/_LAYOUTS/JQuery/js/jquery-ui-1.8.9.custom.min.js"></script>
    
    <script type="text/javascript">
    
    		$(function() {
    		$( "#accordion" ).accordion({
    			autoHeight: false,
    			navigation: true
    		});
    	});
    
    <div id="accordion" >
    <h4><a href="/Site%20Pages/FAQ's.aspx#">What is a FAQ?</a></h4>
    <div><p>Your Answer. </p></div>
    </div>
    

    Hope this will help you... let me know if you require more help.. bcz i did this for my portal.


    Thanks.... ________________ Baba
    Thursday, November 10, 2011 4:01 AM
  • Hi and thanks for your help..

    I've tried a HTML form webpart but cannot get it to work, the text is rendered but remains static. I tried the full url path and still no luck (http:..)  I then tried an Iframe webpart and it works. Here is the code I've used in the HTML form webpart:

     

     

    <link type="text/css" href="/SiteAssets/jquery-ui-1.8.16.custom/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
    		<script type="text/javascript" src="/SiteAssets/jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js"></script>
    		<script type="text/javascript" src="/SiteAssets/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
    		<script type="text/javascript">
    			$(function(){
    
    				// Accordion
    				$("#accordion").accordion({ header: "h3" });
    	
    
    				
    			});
    		</script>
    	
    
    
    <h2 class="demoHeaders">Accordion</h2>
    		<div id="accordion">
    			<div>
    				<h3><a href="#">First</a></h3>
    				<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
    			</div>
    			<div>
    				<h3><a href="#">Second</a></h3>
    				<div>Phasellus mattis tincidunt nibh.</div>
    			</div>
    			<div>
    				<h3><a href="#">Third</a></h3>
    				<div>Nam dui erat, auctor a, dignissim quis.</div>
    			</div>
    		</div>

    Thursday, November 10, 2011 10:27 AM
  • Hi,

    Use Accordian as given bellow

    link type="text/css" href="/_LAYOUTS/JQuery/css/smoothness/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
    <script type="text/javascript" src="/_LAYOUTS/JQuery/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/_LAYOUTS/JQuery/js/jquery-ui-1.8.9.custom.min.js"></script>
    
    <script type="text/javascript">
    
    		$(function() {
    		$( "#accordion" ).accordion({
    			autoHeight: false,
    			navigation: true
    		});
    	});
    
    <div id="accordion" >
    <h4><a href="/Site%20Pages/FAQ's.aspx#">What is a FAQ?</a></h4>
    <div><p>Your Answer. </p></div>
    </div>
    

    Hope this will help you... let me know if you require more help.. bcz i did this for my portal.


    Thanks.... ________________ Baba

    Hey this is what i did in my case and its working fine with HTML form web part... will suggest you to create sample html file first and then go for actual HTML form web part.. it might be the case that its not getting references of .js files.
    Thanks.... ________________ Baba (MCTS, MCPD)
    • Proposed as answer by Sjoukje ZaalMVP Thursday, November 10, 2011 10:47 AM
    • Marked as answer by Wayne Fan Friday, November 18, 2011 9:22 AM
    Thursday, November 10, 2011 10:43 AM