Custom web part with ontextual tab - show/hide on focus

Hi,
I built a webpart that has a contextual ribbon tab and buttons, this webpart is added to a wiki page. When the wiki page is in edit mode I would like this custom ribbon tab to be shown or hidden depending on whether my webpart is clicked.
Great thanks, if you can show me the right direction.

Hi,    
To show/hide the ribbon tab depending on the click event of the web part, a workaround is that we can use JavaScript to achieve it.
With JavaScript, we can capture the click event of one web part in a page and show/hide with the help of the corresponding JavaScript function.
Here are some links will provide more information:
onclick Event
Toggle (Show/Hide) Element
Feel free to reply if there are still any questions.
Best regards
Patrick Liang
TechNet Community Support

Similar Messages

  • Need Help ! Content Search Web Part with default callout menu as docoument library

    I want the above functionality with the Content Search Web Part(CSWP).

    Hi,
    Per my understanding, you might want to create something like a
    Content Search Web Part(which is introduced in SharePoint 2013) in your SharePoint 2010 environment with the callout menu functionality.
    As there is no OOTB Content Search Web Part in SharePoint 2010, a suggestion is that you can build a custom web part with the help of
    Search API and create custom callout menu for it.
    Two demos about
    how to work with Search API in SharePoint 2010 for your reference:
    http://nikpatel.net/2013/02/21/step-by-step-building-custom-sharepoint-2010-search-applications-using-keywordquery-api/
    http://www.dotnetmafia.com/blogs/dotnettipoftheday/archive/2010/08/12/how-to-use-the-sharepoint-2010-enterprise-search-keywordquery-class.aspx
    For about
    how to create a custom callout menu, the JavaScript plugins below would be helpful:
    http://www.jqueryrain.com/demo/jquery-context-menu/
    Thanks 
    Patrick Liang
    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]

  • How to fix javascript error/bug on custom web part of SharePoint 2013

    I have a custom web part with serveral business fields. This web part is installed on DispForm, EditForm an NewForm.
    But, I click on Attach File button and a javascrit error is throw on my browser's status bar.
    Line: 5279
    Character: 5
    Code: 0
    URI: http://mysite:4000/_layouts/15/form.debug.js?rev=vyMg8qjZfJ8La1jn7bQ2cg%3D%3D
    How to solve this problem? I think it is a javascript conflict
    Tarcísio Corte [email protected]

    Hi,
    1. You can create a simple demo web part without your custom code firstly, then insert it into your form pages to see if the similar issue would occur. If it works, then add your
    other code into it one after one. By doing this, it will be easier to find out the root cause of this issue.
    2. What browser do you use? Please try to use IE 10(SharePoint 2013), IE8(SharePoint2010).
    3. You can also debug your code using IE F12 Developer Tools.
    http://blogs.msdn.com/b/kaevans/archive/2011/04/25/debugging-javascript-with-the-ie-developer-tools.aspx
    If the issue still exists, I can suggest you provide more information for further research.
    Thanks,
    Dennis Guo
    TechNet Community 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]
    Dennis Guo
    TechNet Community Support

  • 2013 Custom Web Parts in Page Layouts not showing for users

    Custom Web Parts in Page Layouts not showing for users
    I have created a master page in the root site collection for a subsite I am developing. I created content types and custom page layouts for the pages within the subsite.
    I used the snippet tool in the design manager to create web parts and page field markup which I copied into the custom layout HTML pages in the root site collection. For instance I have an image viewer web part that I place there to serve as a section title.
    The problem is that I can see all these customer layout page parts no problem but my users cannot. This leads me to believe its permissions, I am site owner of both the subsite and root site collection.
    The users that cannot see the web parts are site members of the site and restricted read users on the root site collection (where the layouts are stored).
    What gives I'm finding it hard to understand why a snipet generated web part wouldn't show in all pages created from that layout page.
    Any help would be appreciated, Havent found anything on this issue online. weird.

    It is a permission issue indeed. Fix is simple, make sure you check out the page layout page, then check it back in as published version.
    John Architect

  • Create custom web-part page with OOTB page layout using CSOM (Javascript)

    Hi,
    I need to create a custom webpart page with a OOTB page layout (eg. Header 3 column footer) using JSOM.
    I found a link to do this using CSOM: http://spdevlab.com/2013/03/28/creating-wiki-web-part-and-publishing-pages-via-csom-in-sharepoint-2010/
    But here i have to copy the page template from 15 hive and store it in a resource file and I am also getting error as "The request message is too big" and to fix this I need to run a powershell script but I need the code to run in SharePoint online
    also.
    Isn't there a simpler piece of code in which I can enter the name of the page layout(OOTB/Custom) while creating a page in JSOM as we have in SSOM?
    Thanks for the help
    sunny

    Hi,
    According to your post, my understanding is that you want to create a custom web part page layout template.
    There are some articles about how to create the custom web part page layout template, you can refer to them.
    http://www.manageprojectsonsharepoint.com/blog/2011/03/14/creating-your-own-web-part-page-layout-template/
    http://sandeeppawar.blogspot.com/2012/06/create-custom-web-part-page-template.html
    http://doitwithsharepoint.blogspot.com/2011/08/create-web-part-pages-with-custom.html
    Thanks & Regards,
    Jason
    Jason Guo
    TechNet Community Support

  • Adding Page View Web Part with dynamic URL based on visited mysite user

    Problem:
    I want to add an iframe (using Page View Web Part for example) on all mysite users front page (person.aspx) with following address:
    http://webservice/calendar?user=name
    The property "name" represents a dynamic value based on which person the user is visiting. Hence if i open "Tom Hanks" mysite profile, the iframe will show content from http://webservice/calendar?user=Tom%Hanks
    (This is a custom made calendar from Domino)
    Any suggestions welcome.
    -Terje

    Hi,
    The Page Viewer Web Part is basically an HTML IFRAME. We can use a Content Editor Web Part with an IFRAME and a little JavaScript to meet your requirement.
    Here is a similar thread for your reference:
    http://social.technet.microsoft.com/Forums/sharepoint/en-US/d9a06d93-93d2-4340-a491-c7d0d5d4fdf3/how-to-dynamically-change-link-in-page-viewer-web-part-sharepoint-2010?forum=sharepointgeneralprevious
    More information:
    http://stackoverflow.com/questions/20981226/sharepoint-2013-get-current-user-javascript
    Best Regards
    Dennis Guo
    TechNet Community Support

  • Web Part with Flash Content is not working in IE only

    Hi All, 
       I have created on Visual WebPart its contain a flash embed object i am trying load this flash component inside the Iframe.
    unfortunatly its not working in IE 11 version but its working fine with other browser like Mozila and Chorme.
    I referred the other links like but its not helped me to solve this issue. i have tried without iframe alos its not working if its a standalone web page out side the shrepoint working fine.
    https://social.technet.microsoft.com/Forums/office/en-US/c88466ba-bd00-4cd3-a7cf-3a9a7eee7f51/flash-content-not-working-in-ie-11?forum=ieitprocurrentver
    Thanks 
    SUJIL KUMAR T
    Software developer

    Hi,
    As the custom web part works well in other browsers, the issue may be related to the IE itself.
    Have you tried the methods below?
    Use compatibility mode to check whether it works.
    Open IE->Tools->Compatibility View Settings
    Add the site into Trusted sites to check whether it works.
    Open the IE->Internet Options->Security->Trusted Sites->add the site into the zone
    What’s more, you can also switch the Document mode to IE 10 or lower to check whether it works.
    Thanks & Regards,
    Jason
    Jason Guo
    TechNet Community Support

  • Page Viewer Web Part with horizontal scrollbar

    Hi,
    I added a page viewer webpart to a sharepoint 2013 website and placed a reporting services report url on it, however in some users the browser shows a horizontal scroll bar and cuts the report area. This is not version related because
    I can see it well in IE10 in one user and in others it shows the reported problem.
    Seems to be browser settings. Any ideas?
    Thank you

    Hi,
    According to your post, my understanding is that some users’ browser shown a horizontal scroll bar in the page view web part.
    You can disable the horizontal using the CSS style as the following.
    <style type="text/css">
    #WebPartWPQ3 {
        OVERFLOW-X: hidden !important
    </style>
    Note: the WebPartWPQ3  is the webpart ID.
    You can find the ID as the following thread:
    http://sharepoint.stackexchange.com/questions/29649/disable-horizontal-scroll-bar-on-navigation-web-part-in-sharepoint-2010
    Instead of using page viewer web part, you can also use the content edit web part with IFrame, and some JavaScript to achieve it.
    For more information:
    http://majidbaig.blogspot.in/2012/07/page-viewer-web-part-dynamic-height.html
    There is a similar thread for your reference.
    http://stackoverflow.com/questions/368480/removing-scrollbars-from-content-editor-page-viewer-webpart
    Thanks & Regards,
    Jason
    Jason Guo
    TechNet Community Support

  • How to enable a custom web part class file to be refreshed at regular interval of time, without affecting the entire page where its placed.

    Hi,
    I am calling a web service in the web part class file where it gets the data. I need to call the service at regular intervals of time which is in the web part, is there a way to get the web part refreshed automatically at certain intervals of time.
    Rayudu

    You can use Ajax for automatic refreshing.
    Add a timer control into an Ajax Update panel within your custom web part and execute your code to refresh the field values within the Timer_Tick() event.
    You can also control the timer interval to 10 minutes or so using the Timer.Interval property.
    This will always enable your page to remain with only the web parts getting refreshed.
    I just found
    a blog post which describes this in detail with screenshots.

  • How to display calendar in web part with selected month(jan,feb,march) in sharepoint 2013

    Hi All,
    How to display selected Month like jan,feb,march in single page with different webparts.
    I created 3 webparts and selected(jan,feb,march) but when page refreshes all webparts are displaying current month(December).
    Here i attached the screen shot, where December should be shown as (January and February)
    Kindly check and guide me in right track.
    Thanks
    Prabhat.
    Madhu Prabhat

    Hi,                                                             
    To develop a custom web part, you can take a look at the links below with steps in detail for a start:
    Creating Web Parts for SharePoint
    http://msdn.microsoft.com/en-us/library/ee231579.aspx
    Sharepoint 2013 Create a Visual Web Part
    http://raquelalineblog.wordpress.com/2013/04/25/sharepoint-2013-create-a-visual-web-part/
    Another three links for your reference:
    http://www.learningsharepoint.com/2012/12/24/how-to-create-a-custom-webpart-in-sharepoint-2013/?goback=%2Egde_3911588_member_198759022#%21
    http://www.youtube.com/watch?v=9iK8IPUB87w
    http://sptechbytes.blogspot.com/2013/10/sharepoint-2013-creating-visual-webpart_26.html
    Here are some samples of custom calendar web part for your reference:
    http://www.codeproject.com/Articles/108676/SharePoint-Custom-Calendar
    http://gunnarpeipman.com/2009/01/creating-sharepoint-global-calendar/
    https://blog.metrostarsystems.com/2013/10/21/creating-a-custom-sharepoint-calendar-rollup/
    You can also do more customization by adding your own logic in it.
    Best regards
    Patrick Liang
    TechNet Community Support

  • SharePoint 2013 RSS Viewer not loading when other Custom web part using Update Panel or Ajax Timer control

    Hi,
    SharePoint 2013 RSS
    Viewer web part failing to complete loading when the page loads.
    This happens when having RSS Viewer and then adding a Custom webpart with an updatepanel and timer control.
    I  had used Ajax update panel and timer control to load the web part asynchronously after the main page is fully loaded.
    The RSS-Viewer web part hangs in loading state while the custom webpart loads just fine.
    The issue occurs when an like button click or Timer Tick event fires after the page
    is loaded.
    Haven't been able to track the issue.
    Couple of workaround I tried to call a server side button click event from the custom web part after the page gets fully loaded using JQuery shown below did not work out either.
     $(document).ready(function () {
                $('#<%= netButton2.ClientID %>').click();
    And 
    document.onreadystatechange = function () {
                if (document.readyState == "complete") {
                    $('#<%= netButton2.ClientID %>').click();
    Please let me know how to resolve this issue.
    Thanks,
    Franklin

    Hi Johan,
    The assignment of this user on the given task might be corrupted. Try to remove the resource from the task, publish the project, assign the resource again and publish again the project. If it is not working, try to unpublish the task (column "publish")
    and publih it again.
    Hope this helps,
    Guillaume Rouyre, MBA, MVP, P-Seller |

  • Best Practices in SharePoint 2010 ( Out of the box feature vs Custom Web Part, development )

    Hi
    How do we differentiate on when to allow custom web parts and when to use out of the box.
    What are the performance issues involved when we deploy a custom web part into the SharePoint server. 
    Why do some companies prefer to allow only out of the box features, and no custom work is done?

    SharePoint is a powerful, flexible server product that can provide a wealth collaboration environment right out of box.
    Best answer for your question is depend upon your requirement. Sometime Out of Box features will solve all the problem with little designing. But sometime your requirement need a Custom Web part / solution.
    With OOTB implementation the big advantage is easy to trouble shoot & fix the issues. You will also found tons of blogs on internet for OOTB features. In custom development, its hard to troubleshoot & identifying whether its SharePoint issue or Custom
    code issue.
    check the below article for more ideas.
    http://social.technet.microsoft.com/Forums/sharepoint/en-US/1e7845ef-61e0-4d01-bb6c-92519e6d7139/sharepoint-2010-outofbox-best-practices?forum=sharepointgeneralprevious
    http://www.cdh.com/media/articles/Pages/SharePoint-out-of-the-box---To-customize-or-not-to-customize.aspx
    Master List of SharePoint 2010 On-Premises Custom Development Best Practices
    http://i.zdnet.com/whitepapers/Quest_WPW_SharepointDev_Custom_US_KS_v3.pdf
    Please remember to mark your question as answered &Vote helpful,if this solves/helps your problem. ****************************************************************************************** Thanks -WS MCITP(SharePoint 2010, 2013) Blog: http://wscheema.com/blog

  • Custom web parts in SharePoint 2013 becomes inactive when the session is idle for long time.

    Hi,
    We have a search center site with custom web parts and custom master pages. When the session is inactive for long time all the custom web parts in the page doesn't work, unless we close the browser and open it. Where as this is not the case with the
    OOB web parts. We are not able to identify the root cause as it works with OOB web parts and not the custom web parts.We were able to find that by increasing the session timeout of the web application we can avoid this issue.We do not want to increase the
    session timeout as the OOB web part works perfectly even when the user session is idle for long time.Is there any other alternative where we can acheive the same for custom web parts when the session is idle for long time?
    Thanks,
    Saranya

    Hi Saranya,
    According to your descirption, my understanding is that when the session is long time idle ,then custom web part will not work.
    I suggest you check if you have enable the session in the Page Level in the web.config. By default SharePoint disable the session state.
    In the web.config, you will see <page enableSessionState> tag. You can modify like below and test if it works.
    <pages enableSessionState=”true” ….. />
    Here is a detailed thread for your reference:
    Use Session State in SharePoint
    Best Regards
    Zhengyu Guo
    TechNet Community Support

  • Custom web part in SharePoint Online for "User segments"

    Hi Experts,
    I was refferd here from the SharePoine Online community. http://community.office365.com/en-us/f/148/p/278071/851153.aspx 
    I was following this article to implement user segment in SharePoint Online http://blogs.msdn.com/b/adaptive_experiences_in_sharepoint_2013/archive/2012/11/14/set-up-user-segmentation-to-drive-adaptive-experiences-in-a-product-catalog-in-sharepoint-2013.aspx 
    However, this seems to require a custom web part to be build and deployed in SharePoint Online.
    Anyone has made user segment work in SharePoint Online? Anyone has done this custom web part before?
    Thank you,
    Aswath NS

    By default the Site Users web part shows all the users and groups who have been give direct permission to the site.  That would not include anyone who was given permission by being added to a group.  You can modify the web part settings to show
    a list of people in the Members group of the site or any other specific group.  But there is no setting to show all the users who have access.
    Paul Stork SharePoint Server MVP
    Principal Architect: Blue Chip Consulting Group
    Blog: http://dontpapanic.com/blog
    Twitter: Follow @pstork
    Please remember to mark your question as "answered" if this solves your problem.

  • Compound filtering xslt list view web part with _dopostback using javascript/jquery

    Hello,
    I am filtering list view web part as same as the below post,
    http://dcsharepointchick.blogspot.in/2013/05/filter-sharepoint-list-with-partial-postback.html
    here I need to filter the web part with some another condition . I am trying to write another condition in filter attribute of _doPostback(), but it doesn't work.
    Please let me know is there any alternative to achieve compound filtering.
    Regards,
    Balakrishna M.

    Hi Balakrishna,
    According to your description, my understanding is that you want to filter the list view web part with more than one filters.
    I recommend to use the OOB Choice Filter web part to achieve this goal.
    Edit the page where the list view web part exists and then add the Choice Filter web parts to the page based on your need.
    More reference:
    http://office.microsoft.com/en-in/sharepoint-server-help/connect-a-filter-web-part-to-a-list-view-web-part-HA101785233.aspx#_Toc296943684
    Or you use the List Filter Plus Web Part to get the function.
    http://www.kwizcom.com/sharepoint-add-ons/sharepoint-list-filter-plus/overview/
    Here is the link to download the web part:
    http://www.kwizcom.com/sharepoint-add-ons/sharepoint-list-filter-plus/download/
    Best regards.
    Thanks
    Victoria Xia
    TechNet Community Support

Maybe you are looking for