none
Preview Pane RRS feed

  • Question

  • I have created a list and I am trying to use the preview pane view. However I need to have the panes stacked and not next to one another. I have tried to move them and have gotten them that way but when I hover over the top it displays nothing in the bottom.  What is the steps to get this done inside sharepoint designer without it breaking?
    Thursday, January 10, 2013 7:34 PM

Answers

  • In SPD, around line 109 (for me), locate the following:

    </td>
    <td valign="top">
    <div id="preview1{generate-id()}" class="ms-ppright">

    Replace the first two lines with just a simple < HR />.  (No blank between the "<" and "H")

    This does two things, it keeps both parts(as defined by the < div>'s later in the code) in the same < td >, but also adds a line between the top and bottom.

    So, my entire < table > now looks like this:

        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="" id="previewpanetable{$ViewCounter}" dir="{List/@Direction}">
          	<xsl:choose>
            	<xsl:when test="not($dvt_RowCount=0)">
              <tr>
                <td valign="top">
                  <div class="ms-ppleft">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                      <xsl:apply-templates select="." mode="RenderView"/>
                    </table>
                  </div>
                <hr />
                  <div id="preview1{generate-id()}" class="ms-ppright">
                    <table class="ms-formtable" border="0" cellpadding="0" cellspacing="0" width="100%">
                      	<xsl:for-each select="ViewFields/FieldRef[not(@Explicit='TRUE')]">
                        <tr>
                          <td nowrap="nowrap" valign="top" width="190px"  class="ms-formlabel">
                            <nobr>
                              <xsl:value-of select="@DisplayName"/>
                            </nobr>
                          </td>
                          <td valign="top" class="ms-formbody" width="400px" id="n{position()}{$WPQ}">
                            <xsl:text disable-output-escaping="yes" ddwrt:nbsp-preserve="yes">&amp;nbsp;</xsl:text>
                          </td>
                        </tr>
                      </xsl:for-each>
                    </table>
                  </div>
                </td>
              </tr>
            </xsl:when>
            	<xsl:otherwise>
              <tr>
                <td class="ms-vb">
                  <table class="ms-summarycustombody" cellpadding="0" cellspacing="0" border="0">
                    <xsl:call-template name="EmptyTemplate" />
                  </table>
                </td>
              </tr>
              <tr>
                <td height="5">
                  <img src="/_layouts/images/blank.gif" width="1" height="5" alt="" />
                </td>
              </tr>    
            </xsl:otherwise>
          	</xsl:choose>      
        </table>


    Steve Clark, MCTS | Twin-Soft.com
    Easy Bins Roll-off Dumpster Rentals of Northern VA. Specializing in driveway-sized roll-off dumpsters in Alexandria, Annandale, Arlington, Fairfax, and Springfield.


    Monday, January 14, 2013 5:08 PM

All replies

  • I'll bite... what's "preview pane view"?  Is this in the UI or in SPD? 
    (Your last sentence is ambiguous as to whether it's there, or if you want to try to solve it there, or both.)

    Please elaborate.


    Steve Clark, MCTS | Twin-Soft.com
    Easy Bins Roll-off Dumpster Rentals of Northern VA. Specializing in driveway-sized roll-off dumpsters in Alexandria, Annandale, Arlington, Fairfax, and Springfield.

    Friday, January 11, 2013 7:40 PM
  • Its in the UI. If you go into a list and go into modify view then under style. There is a view style called preview pane. It changes the view so the two panes are side by side. I need the right pane below the left pane. I tried using SPD to move the table that the pane is set in but it breaks it.
    Friday, January 11, 2013 7:43 PM
  • Hi

    I think that you need to use styles

    First check which style is applied to that element/pane ( using a dev tool - for ex in IExplorer -  F12 )

    and next add/apply the changes/style  to the pane using SHP Designer ( which is free and easy to use )


    Romeo Donca, Orange Romania (MCSE, MCITP, CCNA) Please Mark As Answer if my post solves your problem or Vote As Helpful if the post has been helpful for you.


    • Edited by romeo donca Friday, January 11, 2013 8:07 PM
    Friday, January 11, 2013 8:06 PM
  • In SPD, around line 109 (for me), locate the following:

    </td>
    <td valign="top">
    <div id="preview1{generate-id()}" class="ms-ppright">

    Replace the first two lines with just a simple < HR />.  (No blank between the "<" and "H")

    This does two things, it keeps both parts(as defined by the < div>'s later in the code) in the same < td >, but also adds a line between the top and bottom.

    So, my entire < table > now looks like this:

        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="" id="previewpanetable{$ViewCounter}" dir="{List/@Direction}">
          	<xsl:choose>
            	<xsl:when test="not($dvt_RowCount=0)">
              <tr>
                <td valign="top">
                  <div class="ms-ppleft">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                      <xsl:apply-templates select="." mode="RenderView"/>
                    </table>
                  </div>
                <hr />
                  <div id="preview1{generate-id()}" class="ms-ppright">
                    <table class="ms-formtable" border="0" cellpadding="0" cellspacing="0" width="100%">
                      	<xsl:for-each select="ViewFields/FieldRef[not(@Explicit='TRUE')]">
                        <tr>
                          <td nowrap="nowrap" valign="top" width="190px"  class="ms-formlabel">
                            <nobr>
                              <xsl:value-of select="@DisplayName"/>
                            </nobr>
                          </td>
                          <td valign="top" class="ms-formbody" width="400px" id="n{position()}{$WPQ}">
                            <xsl:text disable-output-escaping="yes" ddwrt:nbsp-preserve="yes">&amp;nbsp;</xsl:text>
                          </td>
                        </tr>
                      </xsl:for-each>
                    </table>
                  </div>
                </td>
              </tr>
            </xsl:when>
            	<xsl:otherwise>
              <tr>
                <td class="ms-vb">
                  <table class="ms-summarycustombody" cellpadding="0" cellspacing="0" border="0">
                    <xsl:call-template name="EmptyTemplate" />
                  </table>
                </td>
              </tr>
              <tr>
                <td height="5">
                  <img src="/_layouts/images/blank.gif" width="1" height="5" alt="" />
                </td>
              </tr>    
            </xsl:otherwise>
          	</xsl:choose>      
        </table>


    Steve Clark, MCTS | Twin-Soft.com
    Easy Bins Roll-off Dumpster Rentals of Northern VA. Specializing in driveway-sized roll-off dumpsters in Alexandria, Annandale, Arlington, Fairfax, and Springfield.


    Monday, January 14, 2013 5:08 PM
  • To make it even more useful, (aka way cool!), reverse the < div>'s, such that the preview part is on top. In my opinon, that is.

    Steve Clark, MCTS | Twin-Soft.com
    Easy Bins Roll-off Dumpster Rentals of Northern VA. Specializing in driveway-sized roll-off dumpsters in Alexandria, Annandale, Arlington, Fairfax, and Springfield.

    Monday, January 14, 2013 5:12 PM
  • I did the code change and it changes it but in SPD I get an error that says. Error creating control - WebPartUpdatePanel Unkown server tag 'WebPartPages:WebPartAdder'. This is now allowing for the webpart to reflect the changes. Did a little research on this earlier but at the moment don't have the time with another project that has come up. So any help with this would be appreciated to get this web part to update the code changes.
    Tuesday, January 15, 2013 2:32 PM
  • Start with a new view, and alter the page.  My guess is that if you're trying to use one that you altered previously is that there is something else broken. 

    I've tried this on multiple sites, and it only takes like 3 minutes to get it up an running.


    Steve Clark, MCTS | Twin-Soft.com
    Easy Bins Roll-off Dumpster Rentals of Northern VA. Specializing in driveway-sized roll-off dumpsters in Alexandria, Annandale, Arlington, Fairfax, and Springfield.

    Tuesday, January 15, 2013 7:26 PM