Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

I'm new at Sharepoint Designer 2010. I want to make border for announcement web part at Tag Properties/style but nothing change. I changed the color and width of border but the changes don't seem. How can I make border view? Thank you.

<%@ Register TagPrefix="WpNs0" Namespace="Microsoft.Office.InfoPath.Server.Controls.WebUI" Assembly="Microsoft.Office.InfoPath.Server, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>
<%@ Assembly Name="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%> <%@ Page Language="C#" Inherits="Microsoft.SharePoint.WebPartPages.WikiEditPage" MasterPageFile="~masterurl/default.master" meta:webpartpageexpansion="full" meta:progid="SharePoint.WebPartPage.Document"       %>
<%@ Import Namespace="Microsoft.SharePoint.WebPartPages" %> <%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Import Namespace="Microsoft.SharePoint" %> <%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
share|improve this question
add comment

1 Answer

up vote 0 down vote accepted

You will need to use css. Open SPD 2010 and then open the webpart. click advanced mode. Within the PlaceHolderHead portion add your relative css paths. It would be good to make a local document library on the same site to hold all of your scripts and css files.

    <asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
   <link rel="stylesheet" type="text/css" href="../../StyleLibrary/CSS/redmond/jquery-ui-1.8.23.custom.css"/>
<script type="text/javascript" src="../../StyleLibrary/JS/jquery- 1.8.0.min.js"></script>
<script type="text/javascript" src="../../StyleLibrary/JS/jquery- ui-1.8.23.custom.min.js"></script>
    <script type="text/javascript">
       $(document).ready(function() {

    $( "#hometab" ).accordion({
        autoHeight: false,
        navigation: true
    });
$("#hometab").accordion().css("float","left");
$("#hometab").accordion().css("margin","10px");
$("#hometab").accordion().css("width","700px");
});
    </script>
<SharePoint:UIVersionedContent UIVersion="4" runat="server"><ContentTemplate>
    <SharePoint:CssRegistration Name="forms.css" runat="server"/>
</ContentTemplate></SharePoint:UIVersionedContent>

Once you do this you can reference the class within the PlaceHolderMain ContentPlaceHolder. Just make sure that you style the table

EDIT:

Here are the references you need

    <%@ Page language="C#" MasterPageFile="~masterurl/default.master"    Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage,Microsoft.SharePoint,Version=14.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" meta:webpartpageexpansion="full" meta:progid="SharePoint.WebPartPage.Document"  %>
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.