Accordion web part

I have a web part that is built using JQuery to connect to the list on the backend to show the data and the data is within the 'web part.
what is the best way to create an accordion UI for a list that can have 1 or multiple items in it?

Hi,
According to your post, my understanding is that you want to create an accordion UI for a list.
You can create additional custom view for displaying list items in accordion, and then add the list view web part and display the view.
Please refer to:
Customize the rendering of a List View in Sharepoint 2010: Displaying List Items in Accordion
In addition, you can add a Data View Web Part (DVWP) to a page with the Accordion Content list as its DataSource.
For more information, you can refer to:
Creating a jQueryUI Accordion with a Data View Web Part
Thanks,
Linda Li                
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Linda Li
TechNet Community Support

Similar Messages

  • XSLT List View Web Part Layout

    Hello,
    In Visual Studio 2013 i'm working with the 'XSLT List View Web Part' to show lists i have created with the list item in VS.
    Is there anyway i can modify the view,group or order with ClientSide code as jquery, javascript ?
    I'm new in the app development for Sharepoint.
    I'm trying to find out what options i have. i Don't find much information on the web about this.
    Kind Regards,
    Kris

    Check if below can help you:
    http://www.bing.com/videos/watch/video/using-javascript-and-jquery-for-sharepoint-2013/10tiqat8f
    http://aaclage.blogspot.in/2013/08/example-how-to-use-accordion-jquery.html

  • Contact accordian list web part

    I have a custom list that is showing contacts. I have the following fields in the list
    Room Name: Scooby
    Phone Number 000-000-0000
    Location: New York City
    On my page I want to show it as
    New York City
        Scooby: 000-000-0000
    Philly
        Snoopy: 000-000-0000
    and so on, but I want to show it in an accoridian web part and have collasped on load. Is there a way to do this reading a custom list and show as i have above?

    Hi,
    This thread may be of some help. There are some links in it discuss about displaying list items in accordion:
    http://social.msdn.microsoft.com/Forums/en-US/5dfffb6a-c2df-47ee-811f-eb72bc6fc8e8/sharepoint-2010-accordion-list-view
    Thanks.
    Tracy Cai
    TechNet Community Support

  • List view web part not reflecting changes made to list view in SharePoint Designer

    Dear All,
    When adding a list view web part containing a view modified in SharePoint designer (e.g. conditional formatting applied, or group headers modified) I'm finding that the changes made in SPD are not reflected in the web part. 
    For example, I go into SPD edit a view, and the view appears correctly when I go back into SharePoint, however when I link to the view within a list view web part it results in losing the changes made in SPD. 
    Becasue it's a publishing page I'm unable to edit the contents of the web part in SPD.
    I'm sure this is expected behavior but how do I get around this?
    Thnaks,
    MDB

    Try below
    http://stackoverflow.com/questions/19533998/sharepoint-designer-doesnt-show-anything-in-list-and-libraries-link
    http://social.msdn.microsoft.com/Forums/sharepoint/en-US/a63a1894-6b1d-420a-95dd-b6c546eab34d/updates-made-to-sharepoint-designer-2010-workflow-do-not-show-up-on-the-server?forum=sharepointcustomizationprevious
    http://stackoverflow.com/questions/5959521/sharepoint-designer-saves-the-changes-but-it-does-not-affect
    http://social.technet.microsoft.com/Forums/en-US/1e9a8c27-bbc5-4a6f-8daf-4b243182f543/changes-in-sharepoint-designer-2010-not-showing-in-sharepoint-server-2010-page?forum=sharepointadminprevious

  • How do I add web part in the event receiver after the site is provisioned in SP 2010?

    How do I add web part in the event receiver after the site is provisioned in SP 2010?

    You try the below steps:
    1. Use long operation to provision the site, so that it does not time out in process.
    2. After provisioning, you can add a page or add the web part directly to landing page of site.
    For each of the above steps you can find the sample code pieces.
    if you couldn't get that, let me know. I will share with you.
    Thanks, Ashish If my response has helped you, please mark as answer.

  • Reporting Services Webpart - web part does not auto render consistantly

    We are on SharePoint 2010 (integrated with Reporting Services)- on several sites we have added the Reporting Services Web Part and with a saved parameter.  The behavior of this web part is not consistent.  There are times when I open up a site
    and the web part will auto render the report.  5 minutes later I can go into the same site, and the web part does not auto render the report.  I have to do edit page, or close and re-open the web site.  Has anyone experienced this type of behavior. 
    I've looked for assistance with this issue on-line cannot find anything that specifically addresses this issue.   

    Hi Karen,
    If the parameters have default values in the report, then the report can be rendered automatically.
    For this issue, I recommend to verify the things below:
    Does this issue occur when you open the page with the web part in a new tab in the browser or go back to the previous opened tab?
    Does this issue occur in the server side or client side?
    Please add the site to trusted sites in Internet Explorer to see how it works.
    Please change another browser to see how it works.
    For narrowing down the issue scope, please test with another report and compare the results.
    Thanks,
    Victoria
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • Unable to view Report Filters on Excel Services web part

    I have an Excel 2010 file with Pivot Charts. I want users to be able to select filters for the pivot charts to modify their chart/report as needed.
    This excel file with Pivot Charts is visualized using Excel Services Web Part on SharePoint 2010.
    My problem: The Pivot Chart Filters do not appear on SharePoint. They are available when the file is opened in Excel 2010.
    Is there a way to have chart/report filters show up on SharePoint (excel services web part)?

    As per the article below it seems that Pivot Chart Filtering is not available with Excel services. The article reads
    "PivotChart reports are not interactive when displayed in a browser. You cannot filter a PivotChart report directly, but if you interact
    with the PivotTable report that supplies data for the PivotChart report, the PivotChart report updates accordingly. This means if you filter the PivotTable report, the PivotChart report updates to show the filtered data set."
    Unsupported Features in Excel Services
    Though this article is for MOSS 2007 but if you read the following article for SP 2010 it reads "All other unsupported features continue
    to behave as they do in Office SharePoint Server 2007 for Excel Services."
    http://msdn.microsoft.com/en-us/library/ff595319(v=office.14).aspx
    Amit

  • "One or more field types are not installed properly" when I try to add a second discussion board web part to a page

    I have a SharePoint 2010 site with two discussion boards. I added one additional field to each of the boards: a lookup to another list to link the discussions to individual projects. I need 2 different boards because they have different posting permissions
    (one is open to all for comments, and one is open only to the project team to post but everyone can read).
    When I go to the pages for each of the discussion boards, they work fine.
    But I'm putting together a page for individual projects, and want to have web parts for both discussion boards on the same page, showing the discussions related to the selected project.
    I am able to add one of the discussion boards to a web part in the page, but when I add the second discussion board to the page, the new web part contains:
    One or more field types are not installed properly. Go to the list settings page to delete these fields.
    Correlation ID: blah blah blah
    I've searched for similar postings, but mostly I see this error message related to migration from 2007 to 2010 -- this is not the case here: I created both discussion boards, and the whole site, in SP 2010. I've also found this message related
    to coding errors using SPQuery. I am not doing any coding here, just using the built-in SharePoint 2010 Edit Page -> add a web part -> select the discussion list.  I tried doing it from SPD with the same result. 

    I figured it out. I was using ?FilterField1=fieldname&FilterValue1=value on the URL to the page to pick out one project number. The web part I was trying to add was for a list that did not have that particular fieldname. I didn't realize that would matter
    since I was using the Connections -> Get Filter Values From to get my filter values from the main web part, which does have that fieldname.
    I added a field with that fieldname to the other list and set a workflow to copy the lookup value of the project number lookup field into the new field. Now all is working fine.  Sorry for the wild geese in my original question.

  • Master Page Header and Footer in Page Viewer Web Part

    Hi.
    I created a View in Pages Library to view specific folders.
    After that i added one Page Viewer web part to one of the aspx page.
    There in the Page Viewer web part properties Link i have provided the url of the view.
    It is displaying the folders but at the same time it is displaying the master page header and footer inside the web part.
    Now i need to display the folders alone inside the Page Viewer web part.
    Please let me know how to exclude the master page header and footer inside the Page Viewer web part?
    Regards,
    Sudheer
    Thanks & Regards, Sudheer

    I think that is the default behavior of the page viewer webpart.
    In the page viewer web part,your just enter the url of the website.So that is treated as webpage and it is displaying as per page.
    http://meritsolutions.com/meritmatters/archives/576-Displaying-a-File,-Folder-or-Web-Page-in-the-Page-Viewer-Web-Part.html
    If you want to display a folder, type in a network path to that folder under Link and the folder content will be displayed. 
    Find the more details about page viewer webpart in msdn
    http://office.microsoft.com/en-in/sharepoint-server-help/page-viewer-web-part-HA010024045.aspx

  • Relative Path for Jquery into Content Editor Web Part

    Hi;
    I'd add a Content Editor Web Part (CEWP) to a web part zone. I'd edit that CEWP in HTML view and add my script which load Jquery and my question :  how to use a relative
    path for Jquery :
    <SharePoint:ScriptLink Name="SP.js" runat="server" OnDemand="true"
      Localizable="false" />
    <script src="/sites/XXX/Style%20Library/Scripts/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    My code
    </script>
    Regards

    Hi;
    Firstly, I have used : 
    <script src="/Style%20Library/Scripts/jquery.min.js" type="text/javascript"></script>
    But any result and any change and If I add /Sites/XXX/ : it works correctly ?
    My code is :
    <SharePoint:ScriptLink Name="SP.js" runat="server" OnDemand="true"
        Localizable="false" />
    <script src="/sites/XXX/Style Library/Scripts/jquery.min.js" type="text/javascript"></script>    
    <script type="text/javascript">
    ExecuteOrDelayUntilScriptLoaded(displayTitle, "SP.js");
    var site;
      var context;
      function displayTitle() {
        //Get the current client context
        context = SP.ClientContext.get_current();
        //Add the site to query queue
        site = context.get_web();
        context.load(site);
        //Run the query on the server
        context.executeQueryAsync(onQuerySucceeded, onQueryFailed);
    function onQueryFailed(sender, args) {
      alert('request failed ' + args.get_message() +
        '\n' + args.get_stackTrace());
    function onQuerySucceeded(sender, args) {
        $("#layoutsTable table th span").html("Bienvenue sur le site " + site.get_title() + " - Direction Technique");
        $("#zz17_V4QuickLaunchMenu ul.root li span:contains('Biblioth')").parent().parent().hide();
        $("#zz17_V4QuickLaunchMenu ul.root li span:contains('Listes')").parent().parent().hide();
    </script>

  • How do I get a web part to display items from a dropdownlist?

    I have a DropDownList that am filling with items from a list. The part of my code that am using to read the list and populating the drop down works just fine. I am now trying to figure out how to display the contents of the drop down on a web part. I know
    it sounds like a straight forward and easy thing to figure out, but I have blanked out. Does anyone have a snippet I can take a look at? This is how I am currently reading from a list to create the drop down...
    protected override void CreateChildControls()
    string title = string.Empty;
    EditorChoices = new DropDownList();
    string siteUrl = "mySite";
    using (SPSite site = new SPSite(siteUrl))
    SPWeb web = site.RootWeb;
    SPList list = web.Lists["testList"];
    SPQuery testQuery = new SPQuery();
    testQuery.Query = "<Query><Where><Geq><FieldRef Name='Title'/>" +
    "<Value Type='Number'>10</Value></Geq></Where></Query>";
    foreach (SPListItem item in list.GetItems(testQuery))
    title = Convert.ToString(item["Title"]);
    EditorChoices.Items.Add(title);
    Controls.Add(EditorChoices);
    base.CreateChildControls();
    ChildControlsCreated = true;
    I basically want to display the items returned from the query, which are now in the dropdownlist, to be displayed on my custom webpart. I really appreciate the help.
    Thanks
    UPDATE: My dropdownlist is a web part property. So when editing the web part, the drop down control appears in the web part property. Now that part is working just fine. The part am having an issue with is, the second part of my requirement is that I want
    to display that same information within the drop down on the web part. Not as another drop down, but just to display them as a vertical text list on the web part.

    Hello,
    >I want to be able to display all the entteries in the dropdown,
    Could you please provide more information? as per your description fisrt part is done, which was filling data in dropdown list. So what is next?
    If you want to get selected value from dropdown or filter value then you may try this link:
    http://bilbrobloggins.com/sharepoint/dropdown-list-box-filter-web-part-in-sharepoint-ndash-part-three/
    http://tmullenssharepoint.wordpress.com/2013/04/12/sharepoint-custom-web-part-properties-from-sharepoint-list/
    Correct me if i misunderstood
    Hemendra:Yesterday is just a memory,Tomorrow we may never see
    Please remember to mark the replies as answers if they help and unmark them if they provide no help

  • Announcements /events / FAQs web part in a scrolling fashion on the landing page

    hi,
    can anyone help how to develop the below kind of UI in my SP 2013 KM  portal using cqwp/cewp/ jquery.
    i tried with the custom visual web part, but my customer says they want me to use client side / OOTB feature of SP. 
    i am wanting to display the same in the landing page. so that when  end users click "More" they will be navigated to the
    All Announcements Page [ may be its   a  page layout in pages library ].
    the other tricky part am seeing is how to show these individual/single announcements in a scrolling manner.
    help is highly appreciated!

    hi Amr,
    in the url you have provided am not able to follow this step:
    below :
    http://sharepointtweaks.blogspot.ae/2012/07/image-carousel-webpart-sanboxed.html
    3- Export the webpart you will prompt to download file named "Content Query.webpart" 
    i am not seeing the option to export the web part.
    from where will
    i download file named "Content Query.webpart .

  • Excel web access web part Refresh

    Dear All,
    Please let me adress my SharePoint issues to you.
    Current situation:
    I currently have an excel file stored in one of my sharepoint libraries.
    The excel file has two tabs.
    The first tab contains data exported from a sharepoint list (with data connection)
    The second tab has a customized table based on the first tab.
    I created a page and added a Excel Web Access web part. The above mentioned excel file (tab2) is viewed in this web part.
    Problem:
    Everytime I change something in my sharepoint list, the changes will not be viewed in the web part. The changes will only view when I open the excel file in the library first, and then save it.
    Question:
    Is there a way I can refresh the data automatically, or manually without having to leave the page of the web part?
    If anyone has a solution please let me know, thank you for your help!
    Bob

    you can configure automatic data refresh.  fairly simple.  this article is for SQL data source, but the same process applies across the board.
    http://technet.microsoft.com/en-us/library/hh525341(v=office.15).aspx
    Christopher Webb | MCM: SharePoint 2010 | MCSM: SharePoint Charter | MCT | http://christophermichaelwebb.com

  • How to populate data for SharePoint Team Foundation Server web part burndown, bug progress chart

    Hi,
    We are configuring the Team Foundation Server web part to show dashboards associated with burndown, user stories, etc. I added some active but when I click on the Bug Progress link, the chart does not display any data. I click on the Burndown link to
    add some issues data. When I click on the Task burndown or the  user story progress, I get the following message
    "The error occured during an attempt to establish a connection to the external data source. The following connections failed to refresh:
    TfsOlaReport"
    I would like the see the data correctly populated in the chart. Any help is greatly appreciated.

    Hi Comicrage86, 
    Thanks for your post.
    What’s the version of your TFS and SharePoint?
    Do you mean the burndown report and bug progress chart in team project site? If yes, your current team project created using which process template?
    As far as I know team project Release Burndown report shows in team project site by default. How did you add the active to show Bug Progress chart and did you custom your Burndown in team project site? Please share the detailed steps here. And you can share
    your screenshots here, it will help us provide the better response.
    If reports cannot show correctly in your team project site, please check the default reports in your team project>>Reports, ensure that default team project reports working fine in your Reporting Service site first. Then follow the
    steps in this
    article to troubleshooting the SharePoint Dashboards data source issue.
    Or refer to the solution in this post:
    https://social.msdn.microsoft.com/Forums/en-US/af054ca3-110b-4414-85d8-f36ea2416b0c/new-sharepoint-portal-excel-refresh-issues?forum=tfssetup.
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Create a Site Definition file with Visual Web part in Visual Studio

    I tried to create a site definition file in Visual Studio 2013 and SharePoint 2013 by following the MSDN tutorial:
    Walkthrough: Create a Basic Site Definition Project. Near the end, I added a virtual web part control to the site definition and registered MyWebPartControls in the site definition's default ASPX page as written in the MSDN tutorial:
    Unfortunately, IntelliSense doesn't show any MyWebPartControls: tags, and VisualWebPart1 is highlighted with a warning “Element 'SMWebPart3' is not a known element. This can
    occur if there is a compilation error in the Web site, or the web.config file is missing.”
    Since it’s a warning, I went ahead to build and deploy the solution. However, when I used the site definition template to create a subsite, it returned a parser error:
    Unknown server tag 'MyWebPartControls:TestSiteDef1.VisualWebPart1'
    I spent half day researching and debugging, and finally solved the problem. The issue is on the registration line:
    <%@ Register Tagprefix="MyWebPartControls" Namespace="TestSiteDef.VisualWebPart1" Assembly="$SharePoint.Project.AssemblyFullName$" %>
    The $SharePoint.Project.AssemblyFullName$ is a replaceable parameter to provide values for SharePoint solution items whose actual values are not known at design time. Unfortunately, it does not find the right assembly name during the deployment. It should
    be replaced by the Assembly’s Strong Name. Here is how I fixed the problem step by step:
    In Solution Explorer, open the package node and double click Package.package
    Click Manifest tab in the Package.package.
    Copy the full assembly name in the package’s manifest. It may be similar like this:
              Assembly="TestSiteDef,
    Version=1.0.0.0, Culture=neutral, PublicKeyToken=a300f1f2da8ae976"
    Back to the site definition’s default.aspx page, replace the
                     Assembly="$SharePoint.Project.AssemblyFullName"
    in the registration line with the copied text:
    Assembly="TestSiteDef,
    Version=1.0.0.0, Culture=neutral, PublicKeyToken=a300f1f2da8ae976"
    Change the Namespace from
    Namespace="TestSiteDef.VisualWebPart1"
    to
    Namespace="TestSiteDef".
    The line to register the web part in a site definition file will look like this:
    <%@
    Register
    Tagprefix="MyWebPartControls"
    Namespace="TestSiteDef "
    Assembly="TestSiteDef, Version=1.0.0.0,
    Culture=neutral, PublicKeyToken=a300f1f2da8ae976"
    %>
    Clean, build and deploy the solution. It works like charm. (Note: the warning message on visual web part may still exist, but you can ignore it).

    Assuming your .ascx.vb file is inheriting from the web part class, you can add the custom properties in the same manor (language syntax aside).
    Be sure to use the attributes to correctly identify and scope the properties. (see:
    http://www.sbrickey.com/Tech/Blog/Post/SharePoint_Attributes_for_Web_Part_properties)
    Scott Brickey
    MCTS, MCPD, MCITP
    www.sbrickey.com

Maybe you are looking for

  • New HDD not working. Please advise.

    Hello. Today i purchased a new internal hdd for my 5.53 ghz macbook pro. I purchased the seagate momentus 500 gb 7200 rpm drive as suggested by users. The installation was fine, however i am having several issues with the drive. I boot into the 10.6

  • Setting default columns displayed in interactive report

    Hi APEX community, I recently created an interactive report based on an sql query as follows: select "STOCK_CLIP_ID", "TITLE" from "STOCK_CLIP" After creating the report I added an additional column: select "STOCK_CLIP_ID", "TITLE", *"UPLOADED"* from

  • Implement abstract method from base class problem

    Here is the example: public abstract class AbstractClass{ protected double aVariable; protected abstract double abstractMethod(); public class RealClass extends AbstractClass{ public double abstractMethod(){ return aVariable; Error message: RealClass

  • Xquery in oracle 10g

    I loaded one xmlfile into an xmltype column. I need querying in that file and typed select extract(biodata,'/biodata/personalinfo/name') from biodat_info; in sqlplus, and I didn't get any result but the query was successfull. it told that 10 rows sel

  • Why does Oracle SQL query returning a date field without the time component

    Hi, I'm a novice SQL user & hv just installed Oracle SQL developer (Version 3.0.04, Build MAIN-04.34). I made the same SQL query using "Oracle SQL developer" & "TOAD for Oracle 9.0.1" but I got 2 different format on the same date field: On TOAD, I ge