ASCX(.ascx)

STEP 1: Create a VisualWebPart like NewsAndArticles

STEP 2: Write a coding in NewsAndArticlesUserControl.ascx


STEP 3:

<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ 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" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="NewsAndArticlesUserControl.ascx.cs" Inherits="VCSB01.INTRANET.NewsAndArticles.NewsAndArticlesUserControl" %>

<%@ Register Assembly="AjaxControlToolkit, Version=3.0.30512.20315, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e"
    Namespace="AjaxControlToolkit" TagPrefix="cc1" %>


 <link href="/_layouts/Styles/VCSB/style.css" rel="stylesheet" type="text/css" />
    <link href="/_layouts/Styles/VCSB/Blog.css" rel="stylesheet" type="text/css" />
   

    <style type="text/css">
.modalBackground
{   
    position: absolute;
            z-index: 100;
            top: 0px;
            left: 0px;
            background-color: #000;
            filter: alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
}


</style>

<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
</asp:ScriptManagerProxy>


   
    <div class="news_left">
    <div class="add_right">
                               
      <asp:ImageButton ID="imgbtnAdd" ImageUrl="/_layouts/Images/VCSB/plus_nor.gif"
            runat="server"  align="right" />
                                    </div>
      <h2> News and Articles </h2> 

    <asp:GridView ID="grddataNewsAndArticle" runat="server" Width="100%" CellPadding="0" CellSpacing="0" GridLines="None"
        AutoGenerateColumns="False" AlternatingRowStyle-BorderStyle="NotSet">
    <Columns>
   
         <asp:TemplateField>
            <ItemStyle />
            <ItemTemplate >
               <h3> <asp:LinkButton ID="lnkbtnTitle" runat="server"  PostBackUrl=""><%# Eval("NewsTitle")%> - <%# Eval("NewsDate") %></asp:LinkButton><br />
               </h3>
               <p class="text_font1"><%# Eval("NewsDescription")%> &nbsp;  <asp:LinkButton ID="lnkbtndMore" CommandName="moreId" PostBackUrl='<%#"/Pages/NewsAndArticlesReadMore.aspx?moreId="+Eval("ID").ToString()%>' runat="server">more...</asp:LinkButton> </p> 
            </ItemTemplate>
        </asp:TemplateField>     
     </Columns>                   
    </asp:GridView>  
    <div class="readmore">
        <asp:LinkButton ID="lnkbtnReadMore" PostBackUrl="/Pages/NewsAndArticlesReadMore.aspx" runat="server">Read more</asp:LinkButton>
      
</div>
</div>




<div id="newsdiv" class="bg_pop_up" style="display:none;" >
 <table width="100%" align="center" border="0" cellspacing="0" cellpadding="5" >
  <tr style="height:40px;">
    <td colspan="2" class="bg_pop_uphead">&nbsp;News And Articles</td>
    <td class="bg_pop_uphead">
        <asp:ImageButton ID="imgbtnClose" ImageUrl="/_layouts/images/VCSB/closebtn.png" Height="20px" runat="server"/> </td>
    </tr> 
  <tr>
    <td align="right" valign="top">Title</td>
    <td align="left" valign="top">
        <asp:TextBox ID="txtTitle" runat="server" Width="300px" ></asp:TextBox>
        </td>
  </tr>
  <tr>
    <td align="right" valign="top">Description</td>
    <td align="left" valign="top">
     <asp:TextBox ID="txtDescription" runat="server"  Columns="35" Rows="5"
            TextMode="MultiLine"></asp:TextBox>
  </td>

  </tr>
  <tr>
    <td align="right" valign="top">NewsAndArticleDate</td>
    <td align="left" valign="top">
     <asp:TextBox ID="txtArticleDate" runat="server" Width="150px"></asp:TextBox>
        <cc1:CalendarExtender ID="calexArticleDate" TargetControlID="txtArticleDate"  runat="server">
        </cc1:CalendarExtender>

   </td>

  </tr>
  <tr>
    <td align="right" valign="top">Upload Image</td>
    <td align="left" valign="top">
        <asp:FileUpload ID="fldNewsImage"  runat="server" />   
    </td>
  </tr>
  <tr>
    <td align="right" valign="top">&nbsp;</td>
    <td align="left" valign="top">
        <asp:Button ID="btnSubmit" runat="server" CssClass="bg_pop_up_btn"
            Text="Submit" onclick="btnSubmit_Click" />
        <asp:Button ID="imgbtnClear" runat="server" CssClass="bg_pop_up_btn" Text="Clear" />    
          
    </td>

  </tr>
  <tr>
    <td align="right" valign="top">&nbsp;</td>
    <td align="left" valign="top">
      &nbsp;
   </td>
  </tr>
</table>
</div>


<cc1:ModalPopupExtender ID="mpupNewsAndArticlesAdd" BackgroundCssClass="modalBackground" TargetControlID="imgbtnAdd" PopupControlID="newsdiv" CancelControlID="imgbtnClose" runat="server">
</cc1:ModalPopupExtender>