Resources For IT Professionals
Post an article
Wikis - Page Details
  • First published by
  • When: 1 Jul 2013 2:34 AM
  • Last revision by
  • When: 1 Jul 2013 3:58 AM
  • Revisions: 2
  • Comments: 1
Options
RSSSubscribe to Article (RSS)
Can You Improve This Article?
Positively! Click Sign In to add the tip, solution, correction or comment that will help other users.

Report inappropriate content using these instructions.
Wiki  >  TechNet Articles  >  SharePoint Designer 2010- Useful Tips

SharePoint Designer 2010- Useful Tips

SharePoint Designer 2010- Useful Tips

How to Set Radio button Horizontally (Very Useful)

Source: http://www.mickyjay.co.uk/blog/?p=668
Tested in SharePoint 2007 /2010

<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("reconfigRadios");
function reconfigRadios() {
//Arrange Radio Button
var inputs = document.getElementsByTagName("INPUT");
var radios = new Array();
for (var i=0; i < inputs.length; i++)
{
    if (inputs[i].type == "radio")
    radios.push(inputs[i]);
}
var html = new String();
var openTable = "<TABLE cellSpacing='0' cellPadding='0' width='100%' border='0'><TR>";
var closeTable = "</TR></TABLE>";
for (var i=0; i < radios.length-1; i++)
{
if (i == 0)
html = openTable;
var obj = radios[i];
while (true)
{
    if (obj.tagName == "TD")
    break;
    else
    obj = obj.parentElement;
}
html = html + "<TD width='15%'>" + obj.innerHTML + "</TD>";
if (radios[i].name != radios[i+1].name)
{
   html = html + closeTable;
   var obj2 = obj;
   while (true)
   {
      if (obj2.tagName == "SPAN")
      break;
      else
      obj2 = obj2.parentElement;
   }
   obj2.innerHTML = html;
   html = openTable;
}
if (i == radios.length-2)
{
   obj = radios[i+1];
   while (true)
   {
      if (obj.tagName == "TD")
      break;
      else
      obj = obj.parentElement;
   }
   html = html + "<TD>" + obj.innerHTML + "</TD>";
   html = html + closeTable;
   var obj2 = obj;
   while (true)
   {
      if (obj2.tagName == "SPAN")
      break;
      else
      obj2 = obj2.parentElement;
   }
   obj2.innerHTML = html;
}
}
}
</script>


How to Open Popup

Method 1:

OpenPopUpPageWithTitle('_layouts/testapp/testPage.aspx', RefreshOnDialogClose, null, null,'Test')


Method 2:

<a href="javascript: OpenPopUpPage('/testsite/Lists/TestList/CloseRequest.aspx?ID={@ID}');"><xsl:value-of select="@Title"/></a>


How to Open Pop up and refresh the parent Page after Pop up close

function showPopUp(linkurl)
    {
        var options = {     
        url: linkurl,
        dialogReturnValueCallback: Function.createDelegate(null, function (result, returnValue) {         
                if (result == SP.UI.DialogResult.OK) {             
                    if (returnValue == null) {                 
                            SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK);             
                        }             
                        else {                 
                                    
                        }         
                    }     
                }) };   
        SP.UI.ModalDialog.showModalDialog(options); 
          
    }


How to Redirect the Page based on Condition

Search for <xsl:template name="dvt_1.rowedit"> and put the below line after <xsl:param name="Pos" select="position()"/>.
Here to condition is If FeedbackCompleted ==Yes then redirect the page to FeedbackCompleted.aspx


<xsl:if test="@FeedbackCompleted='Yes'">
    <xsl:variable name="RedirectURL" select="concat('/testsite/Lists/TestList/','FeedbackCompleted.aspx?ID=',@ID)"/>
            <script type="text/javascript">
                window.location.replace(&apos;<xsl:value-of select="$RedirectURL" />&apos;);
            </script>
</xsl:if>


How to Hide Ribbon
<style type="text/css">
      #s4-ribbonrow, .ms-cui-topBar2, .s4-notdlg, .s4-pr s4-ribbonrowhidetitle, .s4-notdlg noindex, #ms-cui-ribbonTopBars, #s4-titlerow, #s4-pr s4-notdlg s4-titlerowhidetitle, #s4-leftpanel-content {display:none !important;}
     .s4-ca{margin-left:0px !important; margin-right:0px !important;}
</style>

Note: if you are opening the page with ?IsDlg=1 then the page will open in NO Master Page Mode.


Export List Data (DataView) to Excel using JavaScript

<script type="text/javascript">
        _spBodyOnLoadFunctionNames.push("exportToExcel");
    </script> 
   
        <script type="text/javascript">
        function exportToExcel() // Function to Export the Table Data to Excel.
        {
            var strTableID = "detailsTable";  // It's the Table ID of Table in Webpart
            var detailsTable = document.getElementById(strTableID);
            if(detailsTable!=null)
            {
                var columns = detailsTable.getElementsByTagName("th");
                  
                var oExcel = new ActiveXObject("Excel.Application"); 
                var oBook = oExcel.Workbooks.Add; 
                var oSheet = oBook.Worksheets(1); 
                for(i=0;i<columns.length;i++){
                    oSheet.cells(1,i+1).value= columns.innerText; //XlSheetHeader;
                    oSheet.cells(1,i+1).font.color="6";
                    oSheet.cells(1,i+1).font.bold="true";
                    oSheet.cells(1,i+1).interior.colorindex="15";
                    oSheet.cells(1,i+1).columnwidth =20;
                }
      
                for (var y=0;y<detailsTable.rows.length;y++) 
                { 
                    for (var x=0;x<detailsTable.rows(y).cells.length;x++) { 
                        oSheet.Cells(y+1,x+1) = detailsTable.rows(y).cells(x).innerText; 
                    } 
                } 
          
                oSheet.columns.autofit;
                oExcel.Visible = true; 
                oExcel.UserControl = true; 
                window.frameElement.commitPopup();
            }
            else
            {
                alert("No Record Found!");
                window.frameElement.commitPopup();
   
            }
              
        } 
    </Script>


How to Logged Out (Logged In using different Account) without Closing SharePoint Designer
[Edit tags]
Leave a Comment
  • Please add 4 and 2 and type the answer here:
  • Post
Wiki - Revision Comment List(Revision Comment)
Sort by: Published Date | Most Recent | Most Useful
Comments
  • 1 Jul 2013 3:58 AM

    Jayant Sharma edited Original. Comment: Adding more informations

Page 1 of 1 (1 items)
Wikis - Comment List
Sort by: Published Date | Most Recent | Most Useful
Posting comments is temporarily disabled until 10:00am PST on Saturday, December 14th. Thank you for your patience.
Comments
  • Posted by
    on 1 Jul 2013 3:58 AM

    Jayant Sharma edited Original. Comment: Adding more informations

Page 1 of 1 (1 items)