Pop window with webpart page using jquery in sharepoint

Hi All,
I am having a page with the custom webpart.
I want that page in an pop up window.
I don't want to use
SP.UI.ModalDialog.
I want to use Jquery lightbox pop up is it possible.
Can any one please let me know.
Thank you,
Sowjanya. 

<head>
<meta charset="utf-8">
<title>Colorbox Examples</title>
<style>
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link rel="stylesheet" href="colorbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
$(".group2").colorbox({rel:'group2', transition:"fade"});
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
$(".group4").colorbox({rel:'group4', slideshow:true});
$(".ajax").colorbox();
$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
$(".inline").colorbox({inline:true, width:"50%"});
$(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
$('.non-retina').colorbox({rel:'group5', transition:'none'})
$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
</script>
</head>
Check the head section of this page, i think you will be able to figure out from here.
http://www.jacklmoore.com/colorbox/example1/
Please mark a post helpful/answer if it is really helpful or answer your query

Similar Messages

  • How to redirect from list edit form to another page using jquery in sharepoint 2013

    hi friends i have been trying to find a way to redirect from list edit form to another page using javascript and jquery
    i found lot of codes online but non of them are working for me.
    what i need is i have to save the data in the form and after that it has to redirect to another page. it has to get the url from hyperlink field of the item.
    please help me in this regards

    Not sure if you have gone through below links:
    http://spservices.codeplex.com/wikipage?title=%24().SPServices.SPRedirectWithID
    http://blogs.askcts.com/2013/02/18/using-spservices-and-jquery-to-perform-a-redirect-from-a-sharepoint-list-newform-to-editform/
    Please ensure that you mark a question as Answered once you receive a satisfactory response.

  • Insert webpart zone in tabs in webpart page using sharepoint designer 2010

    Hi All,
    I am facing a problem , its looks very easy but i couldn't found any clue about this.
    i have created a webpart page, after this i have enable to view quick launch in this webpart page. then i have create a some tabs with reference to this site
    https://jqueryui.com/tabs/. but the problem is when i go to view my page in browser it take same height which is same as quick launch height. and in my diff scenario i have created tab using content editor web part then its working fine. but
    i need to create web part zone in these tabs that why i m not able to do this using content editor. so i am using designer only.
    i guess i am writing content in wrong content place holder or etc. please help me ...i have already lost my 2 days for this.
    FYI, please find the code which i used in webpart page using share point desinger.
    <asp:Content ContentPlaceHolderId="PlaceHolderPageTitle" runat="server">
    <SharePoint:ListItemProperty Property="BaseName" maxlength="40" runat="server"/>
    </asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderPageTitleInTitleArea" runat="server">
    <WebPartPages:WebPartZone runat="server" title="loc:TitleBar" id="TitleBar" AllowLayoutChange="false" AllowPersonalization="false"><ZoneTemplate>
    <WebPartPages:TitleBarWebPart runat="server" AllowEdit="True" AllowConnect="True" ConnectionID="00000000-0000-0000-0000-000000000000" Title="Web Part Page Title Bar" IsIncluded="True" Dir="Default"
    IsVisible="True" AllowMinimize="False" ExportControlledProperties="True" ZoneID="TitleBar" ID="g_14e08bcc_e32c_4759_80dc_34e124e6212f" HeaderTitle="abc1" AllowClose="False" FrameState="Normal"
    ExportMode="All" AllowRemove="False" AllowHide="True" SuppressWebPartChrome="False" DetailLink="" ChromeType="None" HelpLink="" MissingAssembly="Cannot import this Web Part." PartImageSmall=""
    HelpMode="Modeless" FrameType="None" AllowZoneChange="True" PartOrder="2" Description="" PartImageLarge="" IsIncludedFilter="" __MarkupType="vsattributemarkup" __WebPartId="{14E08BCC-E32C-4759-80DC-34E124E6212F}"
    WebPart="true" Height="" Width=""></WebPartPages:TitleBarWebPart>
    </ZoneTemplate></WebPartPages:WebPartZone>
    </asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderTitleAreaClass" runat="server">
    <style type="text/css">
    Div.ms-titleareaframe {
    height: 100%;
    .ms-pagetitleareaframe table {
    background: none;
      </style>
    </asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
    <meta name="GENERATOR" content="Microsoft SharePoint" />
    <meta name="ProgId" content="SharePoint.WebPartPage.Document" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="CollaborationServer" content="SharePoint Team Web Site" />
    <script type="text/javascript">
    // <![CDATA[
    var navBarHelpOverrideKey = "WSSEndUser";
    // ]]>
    </script>
    <%--<SharePoint:UIVersionedContent ID="WebPartPageHideQLStyles" UIVersion="4" runat="server">
    <ContentTemplate>
    <style type="text/css">
    body #s4-leftpanel {
    display:none;
    .s4-ca {
    margin-
    </style>
    </ContentTemplate>
    </SharePoint:UIVersionedContent>--%></asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderSearchArea" runat="server">
    <SharePoint:DelegateControl runat="server"
    ControlId="SmallSearchInputBox"/>
    </asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderLeftActions" runat="server">
    </asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderPageDescription" runat="server">
    <SharePoint:ProjectProperty Property="Description" runat="server"/>
    </asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderBodyRightMargin" runat="server">
    <div height="100%" class="ms-pagemargin"><img src="/_layouts/images/blank.gif" width="10" height="1" alt="" /></div>
    </asp:Content>
    <%--<asp:Content ContentPlaceHolderId="PlaceHolderPageImage" runat="server"></asp:Content>
    <asp:Content ContentPlaceHolderId="PlaceHolderNavSpacer" runat="server"></asp:Content>--%>
    <%--<asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>--%>
    <asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
    <html lang="en">
    <head>
    <meta name="WebPartPageExpansion" content="full" />
      <meta charset="utf-8">
      <title>jQuery UI Tabs - Default functionality</title>
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
      <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
      <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css"><script>
      $(function() {
        $( "#tabs" ).tabs();
      </script></head><body><div id="tabs">
      <ul>
        <li><a href="#tabs-1">Bangalore 1</a></li>
        <li><a href="#tabs-2">Bangalore 2</a></li>
        <li><a href="#tabs-3">Bangalore</a></li>
        <li><a href="#tabs-4">Chennai 4</a></li>
          </ul>
    <table cellpadding="4" cellspacing="0" border="0" width="100%">
    <tr>
    <td><div id="tabs-1"> <%--id="_invisibleIfEmpty" name="_invisibleIfEmpty" valign="top" width="100%"> --%><WebPartPages:WebPartZone id="g_6958510ECBD74ABD8AA9F8E26B747B27"
    runat="server" title="Zone 13"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone><WebPartPages:WebPartZone id="g_FA3DDD09582A4C589559877B7169340D" runat="server" title="Zone 14"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone></div></td>
    </tr>
    <tr><td><div id="tabs-2">
    <WebPartPages:WebPartZone id="g_73928F4B9F484EE392EBCBA7D5ACF9FE" runat="server" title="Zone 1"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
    <WebPartPages:WebPartZone id="g_77B2328C81874FFB8034559174B450BF" runat="server" title="Zone 12"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
    </div></td></tr>
    Please help..if u need any other detail i ll provide you.. plz check the image after doing this the tabs take full range as quick launch.
    Thanks
    Vivek Singh Tomar

    You do not need to work on visual studio, you can create page layout form web and sharepoint designer. Page layouts are only available on publishing sites, you can modify page layout using sharepoint designer, add your required html and web part zones.
    Check below few links for reference:
    http://msdn.microsoft.com/en-us/library/gg430141(v=office.14).aspx#bk_custompagelayout
    http://www.mssharepointtips.com/tip.asp?id=1125
    http://blogs.technet.com/b/tothesharepoint/archive/2013/04/10/stage-7-upload-page-layouts-and-create-new-pages-in-a-publishing-site.aspx
    http://msdn.microsoft.com/en-us/library/gg430141(v=office.14).aspx#bk_custompagelayout
    Page layouts creation and editing is almost same in MOSS 2007, SharePoint 2010 and SharePoint 2013. If you are creating page layout using web then you can easily modify it using SharePoint designer.
    Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer :)

  • Firefox pops up with "alot" page and I have asked for it to be gone ( don't want to use it at all and it is invasive), how do I do so?

    The update keeps putting "alot" at the forefront and asking me if I want it. Every time I say no and it comes back. Every time I open the browser I have to close this new window and it is getting to the point where i do not want to use Firefox as my browser anymore.

    You can try these steps in case of issues with web pages:
    Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
    *Hold down the Shift key and left-click the Reload button
    *Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
    *Press "Command + Shift + R" (Mac)
    Clear the cache and cookies only from websites that cause problems.
    "Clear the Cache":
    *Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
    "Remove Cookies" from sites causing problems:
    *Firefox/Tools > Options > Privacy > Cookies: "Show Cookies"
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Firefox/Tools > Add-ons > Appearance).
    *Do NOT click the Reset button on the Safe Mode start window.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

  • Link in emails to open the link in new tab, not a new firefox window with home page,

    Link in emails open a new Firefox window with my default home page. How do I get Firefox to open the linked web page, in an new tab, as it used to do??
    This is for Win XP, FF 17.0.1, using Outlook as mail client.

    Do you mean the results from a search via the Google search bar on the Navigation toolbar or the Firefox Google home page (www.google.com/firefox) ?
    For the Google website you can set your preferences on the Google.com page via the [http://www.google.com/preferences?hl=en Google Search settings] link at the top right.
    Results Window: Open search results in a new browser window.
    You need to allow cookies for Google (Tools > Page Info > Permissions) to save that setting, otherwise you have to repeat it.
    For the Google search bar on the Navigation toolbar you can set the pref browser.search.openintab to true on the about:config page.
    To open the <i>about:config</i> page, type <b>about:config</b> in the location (address) bar and press the "<i>Enter</i>" key, just like you type the url of a website to open a website.<br />
    If you see a warning then you can confirm that you want to access that page.<br />

  • How can you develop photo galleries with multiple pages using the web module?

    Going through the web module I can see there are many options for developing a web page with a single collection of photos.  How can you develop a web site with multiple pages containing different categories of photos using the Lightroom web module?

    This thread will give you several ideas.
    Re: How do you embed a gallery into an existing website?

  • Want to Create SliderView using JavaFX,like we desingHTML page using JQuery

    I want to create a slider view using javafx2.0.3, when we click on left button the images moves left and come from right side. Like we are creating using JQuery in HTML. from left to right. Anyone know, how it is possinle in Javafx 2.0, Please tell me.
    Edited by: 924666 on Mar 31, 2012 3:50 PM

    Thank you sir for your valuable time.
    But will try which you told. But what i want. In Center view need to display 4 images, and in right side have 1 button. when we click on right button, the 4 images moves right side, and next 4 images comes from left side in the center view.
    Can you explain me , how it is possible? Please

  • How to get pop up window in mobile application using jquery

    i am trying to implement jquery in my mobile application.iam not getting how to get a popup window

    Ram,
    Write ur code in event <b>AT USER-COMMAND.</b> Create ur own screen and call that screen for example call screen 100 at 10 10. And after entering the date call the secondary screen.
    AT USER-COMMAND.
    Effect
    Event in interactive reporting
    This event is executed whenever the user presses a function key in the list or makes an entry in the command field.
    Some functions are executed directly by the system and thus cannot be processed by programs. These include:
    PICK
    See variant AT LINE-SELECTION
    PFn
    See variant AT PFn
    System command
    System command
    PRI
    Print
    BACK
    Back
    RW
    Cancel
    P...
    Scroll function (e.g.: P+ , P- , PP+3, PS-- etc.)
    Instead of this functions, you can use the SCROLL statement in programs.
    Since many of these system functions begin with "P", you should avoid using this letter to start your own function codes.
    Otherwise, the effect is as for AT LINE-SELECTION; also, the current function code is stored in the system field SY-UCOMM.
    Regards,
    Prakash.

  • When i click a link inside clickbank and some other pages it opens in a window with no page link-just blank-i have set options to open in a new tab.

    in some web pages this opens a new window when i click the link-the new window has no address and is blank.i have marked my uptions for a new tab to open instead of a window.

    Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    * Don't make any changes on the Safe mode start window.
    See:
    * [[Troubleshooting extensions and themes]]
    If it does work in Safe-mode then disable all extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
    * Use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
    * Close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")

  • Auto upgraded last night, Norton popped up with warning about using an exe file - Nortorn removed file now firefox won't work - what to do to restore firefox and keep bookmarks, etc. or is new exe safe to use?

    After Firefox upgraded, I closed the upgrade window and started firefox. When I went to bookmarks and tried to open a program a Norton window opened warning that this was untested...only 10 users in the community and gave three options:
    1. Block program
    2. Remove file
    3. Let it run.
    Not really knowing what was going on, I picked option 2. The "removal" was still running 7 hours later so I shut the computer down manually. All other programs seem to be working fine (email, Internet Explorer, etc.)
    When I now open firefox I have the option to start a new session or restore. I have not restored and a new session will stay open a few seconds before microsoft closes the program ( program has stopped working). I would like to restore firefox and get it working without loosing my bookmarks, etc.or have Norton try to block the program. Also, I think the exe file in question is a launcher.

    What are the names of the files? That is your beginning. One
    option is to isolate your computer from the web while you get
    back control.

  • Show popup window with LED lights using SALV(factory method)

    Hello Experts,
    I need to add a button that when the user clicks it, a popup window will appear
    showing the meanings(legends) of the LED lights in my report. How do I do this guys?
    Thanks you and take care!

    Please check the program SALV_TEST_TABLE_COLUMNS and
    after setting up the values for ICON and showi it as in a popup  by
      data: gr_table  type ref to cl_salv_table.
        gr_table->set_screen_popup(
          start_column = 1
          end_column   = 110
          start_line   = 1
          end_line     = 20 ).
        gr_table->display( ).

  • How do you disable a textarea using jquery in SharePoint 2010

    How do I write a script to disable a comment field called Space Available Comments?
    I tried using the following scripts and none of theme work.  I am still able to delete or type in texts in the textarea.
    $("textarea[title*='Space']").attr("disabled","disabled");
    $("textarea[name*='ctl10']").prop("disabled","disabled");
    $('textarea').attr('readonly','true');
    $('textarea[id="long id number here']").attr("disabled","false");
    Thank you very much.
    Here is source:
    <tr>
    <td nowrap="true" valign="top" width="190px" class="ms-formlabel"><h3 class="ms-standardheader">
    <nobr>Space Available Comments</nobr>
    </h3></td>
    <td valign="top" class="ms-formbody">
    <!-- FieldName="Space Available Comments"
    FieldInternalName="Space_x0020_Available_x0020_Comm"
    FieldType="SPFieldNote"
    -->
    <span dir="none">
    <span dir="ltr">
    <textarea name="ctl00$m$g_f9da713c_cff1_48d5_9943_08f4ac2b35b9$ctl00$ctl05$ctl10$ctl00$ctl00$ctl04$ctl00$ctl00$TextField" rows="6" cols="20" id="ctl00_m_g_f9da713c_cff1_48d5_9943_08f4ac2b35b9_ctl00_ctl05_ctl10_ctl00_ctl00_ctl04_ctl00_ctl00_TextField" title="Space Available Comments" class="ms-long" dir="none">&lt;DIV class=ms-rtestate-field&gt;Space Available Comments field value.&lt;/DIV&gt;</textarea>
    <input name="ctl00$m$g_f9da713c_cff1_48d5_9943_08f4ac2b35b9$ctl00$ctl05$ctl10$ctl00$ctl00$ctl04$ctl00$ctl00$TextField_spSave" type="HIDDEN" id="ctl00_m_g_f9da713c_cff1_48d5_9943_08f4ac2b35b9_ctl00_ctl05_ctl10_ctl00_ctl00_ctl04_ctl00_ctl00_TextField_spSave" />
    </span>
    </td>
    </tr>

    I tried both of your solutions above. It would not disabled.  Your solutions "should" work. But, I don't get it why it does not work. I even tried several other variations of scripts to target the textarea including the solution
    below from Robin. See his answers below.
    Do you think that it might have help you more to see the problem if I had provided the script below <input name...> between </span> and </td>? 
    I don't want to confuse you. But, the ultimate purpose is when a user selected the Space Available? to a "YES" option, the Space Avaiable Comments textarea should be disabled. My script to disable the radio button is working. I just need to find
    a solution how to disable the textarea and I running out of ideas. Please help if you can.
    Here is the script:
    <script type="text/javascript">// <![CDATA[
    if (browseris.ie5up && (browseris.win32 || browseris.win64bit) && !IsAccessibilityFeatureEnabled()){RTE_ConvertTextAreaToRichEdit("ctl00_m_g_f9da713c_cff1_48d5_9943_08f4ac2b35b9_ctl00_ctl05_ctl10_ctl00_ctl00_ctl04_ctl00_ctl00_TextField", true, false, "", "1033", null, true, null, null, null,"Compatible", "\u002fpmb_eTracking_Tool",null,null,null,null);}else{document.write("&#160;<br /><span class=\"ms-formdescription\"><a href='javascript:HelpWindowKey(\"nsrichtext\")'>Click for help about adding basic HTML formatting.</a></span>&#160;<br />");};//]]>
    </script></span>
    Thank you very much for your immediate response.

  • How to print multiple pages using Internet Explorer with af:showPrintablePageBehavior

    Hello,
    I am facing one issue with using af:showPrintablePageBehavior. I found similar posts and google pages, but unable to fix the issue. Most relevant post is,
    Print issues with af:showPrintablePageBehavior and Internet Explorer
    I have a page show in a af:popup. This page contain a Title in the top, af:outputText and a Print button below it. I have added af:showPrintablePageBehavior to Print button. I am using lots of data in the af:outputText. When I click on Print button, showPrintablePageBehavior is opening new browser window with multiple pages. But when I click on the Print Preview or Print, only first page is shown.
    I have tried the solution mentioned in above post but no luck.
        <f:verbatim>
            <style type="text/css">
                textarea {
                    width: 95%;
                    height: 350px;
                    overflow: auto;
                @agent ie {
                    af|document:maximized::printable {
                        position: static;
            </style>
      </f:verbatim>
      <af:panelStretchLayout bottomHeight="10%" startWidth="0%" endWidth="0%" topHeight="10%" inlineStyle="height: 100%; width: 100%">
      <f:facet name="top">
      <af:panelGroupLayout id="pnlGrpTitle"  layout="vertical" halign="center" inlineStyle="width: 100%;">
      <af:spacer id="titleSpacer" height="10px" />
      <af:label value="Title" inlineStyle="font-weight:bold; font-size: 16px; color:#000066; padding-left: 5px" id="dialogTitle" />
      <af:spacer id="titleSpacer2" height="20px" />
      </af:panelGroupLayout>
      </f:facet>
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="0" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="25" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelGroupLayout id="pnlTextArea" layout="scroll">
      <af:outputText binding="#{mybean.tfdArea}" escape="false" id="tfdArea" />
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      <f:facet name="bottom">
      <af:panelGroupLayout id="pnlGrpBottom" layout="vertical" halign="center" inlineStyle="width: 100%">
      <af:commandToolbarButton id="cbPrint" shortDesc="Print" icon="/images/print.png" inlineStyle="width: 40%" >
      <!--af:clientListener method="self.print" type="action"/-->
      <af:showPrintablePageBehavior />
      </af:commandToolbarButton>
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
    Any idea how to fix it?
    - Sujay

    Hello,
    I am facing one issue with using af:showPrintablePageBehavior. I found similar posts and google pages, but unable to fix the issue. Most relevant post is,
    Print issues with af:showPrintablePageBehavior and Internet Explorer
    I have a page show in a af:popup. This page contain a Title in the top, af:outputText and a Print button below it. I have added af:showPrintablePageBehavior to Print button. I am using lots of data in the af:outputText. When I click on Print button, showPrintablePageBehavior is opening new browser window with multiple pages. But when I click on the Print Preview or Print, only first page is shown.
    I have tried the solution mentioned in above post but no luck.
        <f:verbatim>
            <style type="text/css">
                textarea {
                    width: 95%;
                    height: 350px;
                    overflow: auto;
                @agent ie {
                    af|document:maximized::printable {
                        position: static;
            </style>
      </f:verbatim>
      <af:panelStretchLayout bottomHeight="10%" startWidth="0%" endWidth="0%" topHeight="10%" inlineStyle="height: 100%; width: 100%">
      <f:facet name="top">
      <af:panelGroupLayout id="pnlGrpTitle"  layout="vertical" halign="center" inlineStyle="width: 100%;">
      <af:spacer id="titleSpacer" height="10px" />
      <af:label value="Title" inlineStyle="font-weight:bold; font-size: 16px; color:#000066; padding-left: 5px" id="dialogTitle" />
      <af:spacer id="titleSpacer2" height="20px" />
      </af:panelGroupLayout>
      </f:facet>
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="0" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelStretchLayout bottomHeight="0" topHeight="25" startWidth="0" endWidth="0">
      <f:facet name="center">
      <af:panelGroupLayout id="pnlTextArea" layout="scroll">
      <af:outputText binding="#{mybean.tfdArea}" escape="false" id="tfdArea" />
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      </af:panelStretchLayout>
      </f:facet>
      <f:facet name="bottom">
      <af:panelGroupLayout id="pnlGrpBottom" layout="vertical" halign="center" inlineStyle="width: 100%">
      <af:commandToolbarButton id="cbPrint" shortDesc="Print" icon="/images/print.png" inlineStyle="width: 40%" >
      <!--af:clientListener method="self.print" type="action"/-->
      <af:showPrintablePageBehavior />
      </af:commandToolbarButton>
      </af:panelGroupLayout>
      </f:facet>
      </af:panelStretchLayout>
    Any idea how to fix it?
    - Sujay

  • Cloning/Moving webpart pages with existing webparts

    Hi All,       
            We need to support clone/move of the webpart pages with pre populated webparts. We have our custom webpart page layout. Users can create webpart page using our custom page layout and can add webparts init. On cloning
    of the webpart page we just read the file(webpart page) from the document libary and saving it with different name in the same document library. But the cloned page does not retain the webparts added to it. The user can view only the empty webpart page layout.
    Please suggest me how to move/clone the webpart page with the existing webparts.
    Thanks,
    R.Prakash

    Hi Florin,
                Thanks a lot for your help.
                Based on your suggestion we completed the cloning of the WebPart pages.
    Code snippet:
    SPSecurity.RunWithElevatedPrivileges(delegate()
                    using (SPSite site = new SPSite(SPContext.Current.Site.ID))
                        using (SPWeb web = site.OpenWeb())
                            SPLimitedWebPartCollection lstWebPart = null;
                            web.AllowUnsafeUpdates = true;
                            using (SPLimitedWebPartManager webPartManager =
                                        SPContext.Current.Web.GetLimitedWebPartManager("Pages/BaseWebPartPage.aspx, 
    PersonalizationScope.Shared))
                                lstWebPart = webPartManager.WebParts;
                            using (SPLimitedWebPartManager webPartManager =
                                         SPContext.Current.Web.GetLimitedWebPartManager("Pages/ClonedWebPartPage.aspx, PersonalizationScope.Shared))
                                foreach (WebPart webPart in lstWebPart)
        webPartManager.AddWebPart(webPart, webPart.Zone.Id, webPart.ZoneIndex);
                                    web.Update();
                            web.AllowUnsafeUpdates = false;
    Thanks,
    R.Prakash

  • Rating a List Item using jquery with out using User profile service

    Hi,
    I dont have access to Central admin and i was not not able to enable USer profile service.
    can i rate a list item in Sharepoint 2010 using any jquery plugin
    i got the link
    http://blogs.msdn.com/b/carloshm/archive/2009/08/24/jquery-rating-in-sharepoint-lists.aspx
    But i am not able to find any plugin in it.
    Please advice.
    Thnaks,
    Pallavi

    Hi,
    According to your post, my understanding is that you wanted to rate a list item using JQuery in SharePoint 2010.
    The link you had posted above is for SharePoint 2007.
    You can refer to the following articles which about using the JQuery to call the rating service.
    http://blog.dennus.net/2011/08/09/using-spservices-and-jquery-to-include-social-rating-control-on-_layouts-page/
    https://www.habaneroconsulting.com/insights/Calling-the-Rating-Service-using-jQuery-in-SharePoint-2010-Part-1-of-2#.UxbQxvmSz6k
    You can also use the tool of the CodePlex to achieve it.
    http://sptoolbasket.codeplex.com/
    Thanks & Regards,
    Jason
    Jason Guo
    TechNet Community Support

Maybe you are looking for

  • Calling a DLL with a & (ampersand) in the declaration

    Hi, I'm trying to call an external DLL and having issues calling an important function.  The 'FindDevices' call has the following declaration: long FindDevices(long &DeviceCount); I've never come across calling an external function with an ampersand

  • Read DMS document into internal table

    Hi, I have a requirement to read DMS document in binary format into internal table. and i want to print the data in internal table through SAP spool. Please let me know how to handle this requirement. Thanks Srini

  • Adobe X Standard Crashes Randomly while Scanning

    Good Morning, I am an IT company for a local Accounting firm and they use Adobe to scan small and large documents for archival and sorting reasons. We recently upgraded their machines to Windows 7 x64 and they are having issues with adobe crashing ra

  • IS Retail related

    Hello every one...Please clarify the following. 1) how are the inbound and outbound store integrate in IS retail.? 2) How do we transact data in and out of SAP to POS, what output types do we use here? 3) If an organization has both Wholesale and Ret

  • Cannot read email

    Just updated to the new 4.0 on my 3.0 system on Saturday. On Monday I noticed I can't read my email. The email will download and I can read the first 2 lines (or 3, 4, 5 lines if I change it in my settings), but when I click on the actual email to vi