Tuesday, 2 August 2016

master page (dns.master)

<%@Master language="C#"%>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Import Namespace="Microsoft.SharePoint" %> <%@ Assembly Name="Microsoft.Web.CommandUI, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="wssuc" TagName="Welcome" src="~/_controltemplates/15/Welcome.ascx" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<SharePoint:SPHtmlTag dir="<%$Resources:wss,multipages_direction_dir_value%>" ID="SPHtmlTag" runat="server" >
<head id="Head1" runat="server">
 <meta name="GENERATOR" content="Microsoft SharePoint" />
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=10"/>
 <meta http-equiv="Expires" content="0" />
 <SharePoint:SPPinnedSiteTile ID="SPPinnedSiteTile1" runat="server" TileUrl="/_layouts/15/images/SharePointMetroAppTile.png" TileColor="#0072C6" />
 <SharePoint:RobotsMetaTag ID="RobotsMetaTag1" runat="server"/>
 <SharePoint:PageTitle ID="PageTitle1" runat="server"><asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server"><SharePoint:ProjectProperty ID="ProjectProperty1" Property="Title" runat="server" /></asp:ContentPlaceHolder></SharePoint:PageTitle>
 <SharePoint:SPShortcutIcon ID="SPShortcutIcon1" runat="server" IconUrl=""/>
 <SharePoint:StartScript ID="StartScript1" runat="server" />
 <SharePoint:CssLink ID="CssLink1" runat="server" Version="15"/>
 <SharePoint:CacheManifestLink ID="CacheManifestLink1" runat="server"/>
 <SharePoint:ScriptLink ID="ScriptLink1" language="javascript" name="core.js" OnDemand="true" runat="server" Localizable="false" />
 <SharePoint:ScriptLink ID="ScriptLink2" language="javascript" name="menu.js" OnDemand="true" runat="server" Localizable="false" />
 <SharePoint:ScriptLink ID="ScriptLink3" language="javascript" name="callout.js" OnDemand="true" runat="server" Localizable="false" />
 <SharePoint:ScriptLink ID="ScriptLink4" language="javascript" name="sharing.js" OnDemand="true" runat="server" Localizable="false" />
 <SharePoint:ScriptLink ID="ScriptLink5" language="javascript" name="suitelinks.js" OnDemand="true" runat="server" Localizable="false" />
 <SharePoint:CustomJSUrl ID="CustomJSUrl1" runat="server" />

    <!--=======================Custom CSS and Script Reference================================-->

    <!-- Custom CSS Registration --->
    <SharePoint:CssRegistration ID="CssRegistration2" name="&lt;% $SPUrl:~sitecollection/Style Library/DNS/css/bootstrap.css %&gt;" runat="server" after="SharepointCssFile"/>
    <SharePoint:CssRegistration ID="CssRegistration6" name="&lt;% $SPUrl:~sitecollection/Style Library/DNS/css/fonts.css %&gt;" runat="server" after="SharepointCssFile"/>
    <SharePoint:CssRegistration ID="CssRegistration3" name="&lt;% $SPUrl:~sitecollection/Style Library/DNS/css/style.css %&gt;" runat="server" after="SharepointCssFile"/>
    <SharePoint:CssRegistration ID="CssRegistration4" name="&lt;% $SPUrl:~sitecollection/Style Library/DNS/css/custom-style.css %&gt;" runat="server" after="SharepointCssFile"/>
    <SharePoint:CssRegistration ID="CssRegistration5" name="&lt;% $SPUrl:~sitecollection/Style Library/DNS/css/font-awesome.css %&gt;" runat="server" after="SharepointCssFile"/>
 

    <!-- Custom JS Registration --->
<SharePoint:ScriptLink ID="ScriptLink6" Name="~sitecollection/Style Library/DNS/js/jquery-1.9.1.min.js" runat="server"/>
<SharePoint:ScriptLink ID="ScriptLink7" Name="~sitecollection/Style Library/DNS/js/bootstrap.js" runat="server"/>
<SharePoint:ScriptLink ID="ScriptLink8" Name="~sitecollection/Style Library/DNS/js/main.js" runat="server"/>
<SharePoint:ScriptLink ID="ScriptLink9" Name="~sitecollection/Style Library/DNS/js/main-inner.js" runat="server"/>


 <SharePoint:SoapDiscoveryLink ID="SoapDiscoveryLink1" runat="server" />
 <SharePoint:AjaxDelta id="DeltaPlaceHolderAdditionalPageHead" Container="false" runat="server">
  <asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server" />
  <SharePoint:DelegateControl ID="DelegateControl1" runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true" />
  <asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server" />
 </SharePoint:AjaxDelta>
 <SharePoint:CssRegistration ID="CssRegistration1" Name="Themable/corev15.css" runat="server" />
   <script type="text/javascript">
$(document).ready(function(){
$('.header-Logouttop').hide();
 var ID = _spPageContextInfo.userId;
if(typeof ID != 'undefined'){
 $('.header-Logouttop').show();
 $('.header-top').hide();
 }
});
</script>
</head>
<body>
  <SharePoint:ImageLink ID="ImageLink1" runat="server"/>
  <SharePoint:SPNoScript ID="SPNoScript1" runat="server"/>
  <SharePoint:SPClientIDGenerator ID="SPClientIDGenerator1" runat="server" ServerControlID="DeltaPlaceHolderMain;DeltaPlaceHolderPageTitleInTitleArea;DeltaPlaceHolderUtilityContent" />
  <SharePoint:SharePointForm ID="SharePointForm1" runat="server" onsubmit="if (typeof(_spFormOnSubmitWrapper) != 'undefined') {return _spFormOnSubmitWrapper();} else {return true;}">
 <asp:ScriptManager id="ScriptManager" runat="server" EnablePageMethods="false" EnablePartialRendering="true" EnableScriptGlobalization="false" EnableScriptLocalization="true" />
  <WebPartPages:SPWebPartManager ID="SPWebPartManager1" runat="Server"/>
 <script type="text/javascript"> var submitHook = function () { return false; }; theForm._spOldSubmit = theForm.submit; theForm.submit = function () { if (!submitHook()) { this._spOldSubmit(); } }; </script>
 <SharePoint:AjaxDelta id="DeltaSPWebPartManager" runat="server">
 </SharePoint:AjaxDelta>
 <SharePoint:AjaxDelta id="DeltaDelegateControls" runat="server">
  <SharePoint:DelegateControl ID="DelegateControl2" runat="server" ControlId="GlobalNavigation" />
  <SharePoint:DelegateControl ID="DelegateControl3" ControlId="GlobalSiteLink3" Scope="Farm" runat="server" Visible="false" />
 </SharePoint:AjaxDelta>
<div id="TurnOnAccessibility" style="display:none" class="s4-notdlg noindex">
 <a id="linkTurnOnAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(true);UpdateAccessibilityUI();document.getElementById('linkTurnOffAcc').focus();return false;">
 <SharePoint:EncodedLiteral ID="EncodedLiteral1" runat="server" text="<%$Resources:wss,master_turnonaccessibility%>" EncodeMethod="HtmlEncode"/></a>
</div>
<div id="TurnOffAccessibility" style="display:none" class="s4-notdlg noindex">
 <a id="linkTurnOffAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(false);UpdateAccessibilityUI();document.getElementById('linkTurnOnAcc').focus();return false;">
 <SharePoint:EncodedLiteral ID="EncodedLiteral2" runat="server" text="<%$Resources:wss,master_turnoffaccessibility%>" EncodeMethod="HtmlEncode"/></a>
</div>
<div class="s4-notdlg s4-skipribbonshortcut noindex">
 <a id="A1" href="javascript:;" onclick="document.getElementById('startNavigation').focus();" class="ms-accessible ms-acc-button" accesskey="<%$Resources:wss,skipribbon_accesskey%>" runat="server">
 <SharePoint:EncodedLiteral ID="EncodedLiteral3" runat="server" text="<%$Resources:wss,skipRibbonCommandsLink%>" EncodeMethod="HtmlEncode"/></a>
</div>
<div class="s4-notdlg noindex">
 <a id="A2" href="javascript:;" onclick="document.getElementById('mainContent').focus();" class="ms-accessible ms-acc-button" runat="server">
 <SharePoint:EncodedLiteral ID="EncodedLiteral4" runat="server" text="<%$Resources:wss,mainContentLink%>" EncodeMethod="HtmlEncode"/></a>
</div>
<div id="TurnOffAnimation" style="display:none;" class="s4-notdlg noindex">
 <a id="linkTurnOffAnimation" href="#" class="ms-accessible ms-acc-button" onclick="ToggleAnimationStatus();return false;">
 <SharePoint:EncodedLiteral ID="EncodedLiteral5" runat="server" text="<%$Resources:wss,master_disableanimation%>" EncodeMethod="HtmlEncode"/></a>
</div>
<div id="TurnOnAnimation" style="display:none;" class="s4-notdlg noindex">
 <a id="linkTurnOnAnimation" href="#" class="ms-accessible ms-acc-button" onclick="ToggleAnimationStatus();return false;">
 <SharePoint:EncodedLiteral ID="EncodedLiteral6" runat="server" text="<%$Resources:wss,master_enableanimation%>" EncodeMethod="HtmlEncode"/></a>
</div>
<a id="HiddenAnchor" href="javascript:;" style="display:none;"></a>

  <div id="ms-hcTest"></div>
 
  <div id="s4-workspace" class="ms-core-overlay">
  <div id="s4-bodyContainer" style="padding-bottom:0px !important;">
 
  <!-- Start Structure --->
  <div id="main-container">
 
   <!-- Header Section -->
 
   <header class="wide">
   <div class="header-top">
<div class="container-fluid">
<div class="header-top-inner">
<a class="pull-right loginLink" href="/_layouts/15/Authenticate.aspx?Source=/SitePages/Home.aspx"><i class="fa fa-lock"></i> Login</a>
</div>
</div>
</div>
<div class="header-Logouttop">
 <div class="container-fluid">
  <div class="header-top-inner">
   <a class="pull-right loginLink" href="/_layouts/15/SignOut.aspx"><i class="fa fa-lock"></i> Logout</a>
  </div>
 </div>
</div>
<div class=" custom-top">
<div class="container-fluid">
<div class="row top_row_padding">



<div class="col-lg-12 col-md-12 col-sm-12 pull-right col-xs-12" style="margin-top:20px">
<!------Start Search box----------->

<div class="logo-wrapper1">
<ul>
<li><a href="http://www.google.com" class="logo">
<img src="/Style Library/DNS/images/dns-logo.svg" class="logo_img" />
</a>
</li>
 <!--- <li><a href="#"><img class="img-responsive" src="/Style Library/DNS/images/SE_Logo.jpg" /></a></li>
<li><a href="#"><img class="img-responsive" src="/Style Library/DNS/images/Oil and Gas UK Logo.png" /></a></li> --->
</ul>
</div>
<span class="squarebrackets"> Late Life Planning Portal</span>
 <!------Enc Search box----------->
</div>

</div>
</div>
</div>
<nav class="navbar navbar-default custom-navbar">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->

    <div class="navbar-header">
   
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
     
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div  id="bs-example-navbar-collapse-1">
     
    <!-- Navigation Section -->
    <div class="nav ms-dialogHidden">
      <asp:ContentPlaceHolder id="PlaceHolderTopNavBar" runat="server">
<SharePoint:AspMenu
        ID="TopNavigationMenu1"
        Runat="server"
        EnableViewState="false"
        DataSourceID="topSiteMap"
        AccessKey="<%$Resources:wss,navigation_accesskey%>"
        UseSimpleRendering="true"
        UseSeparateCss="false"
        Orientation="Horizontal"
        StaticDisplayLevels="2"
        AdjustForShowStartingNode="true"
        MaximumDynamicDisplayLevels="2"
        SkipLinkText=""/>
      </asp:ContentPlaceHolder>
     
   
  </div>    
     
    <!------ End Right Side User Information-------->
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
     
</header>
      <!-- Middle Section -->
             
             
           <!-- ===== STARTER: Main Content ========================================================================================== -->
            <div id="Div1">
      <!-- ===== STARTER: Main Placeholder gets replaced with content of the page ======================================= -->
      <SharePoint:AjaxDelta id="DeltaPlaceHolderMain" BlockElement="true" IsMainContent="true" runat="server">
       <a id="mainContent" name="mainContent" tabindex="-1"></a>
        <asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" />
      </SharePoint:AjaxDelta>
      </div>
 
     
 
    <!-- Common Controls-->          
         <div id="titleInTitleOnMasterPage" class="ms-dialogHidden" style="display:none;height:0px;">
          <asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server"></asp:ContentPlaceHolder>
         </div>
          <SharePoint:AjaxDelta id="DeltaFormDigest" BlockElement="true" runat="server">
     <asp:ContentPlaceHolder id="PlaceHolderFormDigest" runat="server">
<SharePoint:FormDigest ID="FormDigest1" runat="server" />
     </asp:ContentPlaceHolder>
   </SharePoint:AjaxDelta>
   <!-- Common Controls Ends -->
   <!-- Footer Section-->
    <footer id="footer-wrapper">
<div class="footer min-height-30">
<div class="container-fluid">
   <div class="row">
<!-- <div class=" col-sm-6 col-md-6 col-lg-6 col-xs-6">
<img src="images/dns-logo.svg" class="logo_footer" />

</div> -->
<div class="footer-content-left col-sm-12 col-md-12 col-lg-12 col-xs-12">
<div class="table">
<div class="cell height-30 text-left">
<img src="/Style Library/DNS/images/brightsolid-cloud-small.jpg">
<p>Hosted by brightsolid cloud</p>
</div>
<div class="cell height-30 text-right">
<img src="/Style Library/DNS/images/BP_Logo.png">
</div>
</div>
</div>
</div>
   </div>
</div>
   </footer>

 
 
  </div>
 
  <!-- End Structure --->  
     
         
  </div>
 </div>
</SharePoint:SharePointForm>
 <SharePoint:AjaxDelta id="DeltaPlaceHolderUtilityContent" runat="server">
  <asp:ContentPlaceHolder id="PlaceHolderUtilityContent" runat="server"/>
 </SharePoint:AjaxDelta>
 <SharePoint:ScriptBlock ID="ScriptBlock1" runat="server">var g_Workspace = "s4-workspace"; </SharePoint:ScriptBlock>
   <!--===================Hidden Content==============================-->
 <asp:Panel ID="Panel1" Visible="false" runat="server">
 <!-- SideBar usedin seatle master Page-->
    <asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server">  
             </asp:ContentPlaceHolder>
 
 
   <!-- Left Navigation -->
         <div id="leftNav" class="ms-dialogHidden">
       
         <div id="sideNavBox"
       class="ms-dialogHidden ms-forceWrap ms-noList">
       <SharePoint:AjaxDelta id="DeltaPlaceHolderLeftNavBar" BlockElement="true" CssClass="ms-core-navigation" role="navigation" runat="server">
      <asp:ContentPlaceHolder id="PlaceHolderLeftNavBar1" runat="server">
<a id="startNavigation" name="startNavigation" tabIndex="-1"></a>
         <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarTop" runat="server" />
         <asp:ContentPlaceHolder id="PlaceHolderQuickLaunchTop" runat="server" />
         <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarDataSource" runat="server" />
         <asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat="server" />
         <asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat="server" />
         <div class="ms-core-sideNavBox-removeLeftMargin">
         <SharePoint:SPNavigationManager
          id="QuickLaunchNavigationManager"
          runat="server"
          QuickLaunchControlId="V4QuickLaunchMenu"
          ContainedControl="QuickLaunch"
          EnableViewState="false">
          <SharePoint:DelegateControl ID="DelegateControl5" runat="server" ControlId="QuickLaunchDataSource">
           <Template_Controls>
            <asp:SiteMapDataSource SiteMapProvider="SPNavigationProvider" ShowStartingNode="False" id="QuickLaunchSiteMap" StartingNodeUrl="sid:1025" runat="server" />
           </Template_Controls>
          </SharePoint:DelegateControl>
<SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" EnableViewState="false" DataSourceId="QuickLaunchSiteMap" UseSimpleRendering="true" Orientation="Vertical" StaticDisplayLevels="3" AdjustForShowStartingNode="true" MaximumDynamicDisplayLevels="0" SkipLinkText="" />
         </SharePoint:SPNavigationManager>
          <SharePoint:SPNavigationManager
           id="TreeViewNavigationManagerV4"
           runat="server"
           ContainedControl="TreeView"
           CssClass="ms-tv-box">
  <SharePoint:SPLinkButton runat="server" NavigateUrl="~site/_layouts/15/viewlsts.aspx" id="idNavLinkSiteHierarchyV4" Text="<%$Resources:wss,treeview_header%>" accesskey="<%$Resources:wss,quiklnch_allcontent_AK%>"
           CssClass="ms-tv-header" />
            <SharePoint:DelegateControl ID="DelegateControl6" runat="server" ControlId="TreeViewAndDataSource">
 
             <Template_Controls>
             <SharePoint:SPHierarchyDataSourceControl
              runat="server"
              id="TreeViewDataSourceV4"
              RootContextObject="Web"
              IncludeDiscussionFolders="true"/>
             <SharePoint:SPRememberScroll runat="server" id="TreeViewRememberScrollV4" onscroll="javascript:_spRecordScrollPositions(this);"
              style="overflow: auto;">
              <SharePoint:SPTreeView
              id="WebTreeViewV4"
              runat="server"
              ShowLines="false"
              DataSourceId="TreeViewDataSourceV4"
              ExpandDepth="0"
              SelectedNodeStyle-CssClass="ms-tv-selected"
              NodeStyle-CssClass="ms-tv-item"
              SkipLinkText=""
              NodeIndent="12"
              ExpandImageUrl="/_layouts/15/images/tvclosed.png?rev=23"
              ExpandImageUrlRtl="/_layouts/15/images/tvclosedrtl.png?rev=23"
              CollapseImageUrl="/_layouts/15/images/tvopen.png?rev=23"
              CollapseImageUrlRtl="/_layouts/15/images/tvopenrtl.png?rev=23"
              NoExpandImageUrl="/_layouts/15/images/tvblank.gif?rev=23">
              </SharePoint:SPTreeView>
             </SharePoint:SPRememberScroll>
             </Template_Controls>
            </SharePoint:DelegateControl>
          </SharePoint:SPNavigationManager>
         <asp:ContentPlaceHolder id="PlaceHolderQuickLaunchBottom" runat="server">
<div class="ms-core-listMenu-verticalBox">
           <SharePoint:ClusteredSPLinkButton
            runat="server"
            id="idNavLinkViewAll"
            PermissionsString="ViewFormPages"
            NavigateUrl="~site/_layouts/15/viewlsts.aspx"
            Text="<%$Resources:wss,AllSiteContentMore%>"
            accesskey="<%$Resources:wss,quiklnch_allcontent_AK%>"
            CssClass="ms-core-listMenu-item ms-core-listMenu-heading" />
          </div>
         </asp:ContentPlaceHolder>
         </div>
      </asp:ContentPlaceHolder>
       </SharePoint:AjaxDelta>
     </div>
     
            </div>    
 
 
 <asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderHorizontalNav" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderPageImage" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleLeftBorder" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderMiniConsole" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleRightMargin" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaSeparator" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderNavSpacer" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarBorder" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderBodyLeftBorder" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderBodyRightMargin" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaClass" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderGlobalNavigation" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderGlobalNavigationSiteMap" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="WSSDesignConsole" runat="server" Visible="false" />


               <SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server">
     <SharePoint:SPTitleBreadcrumb ID="SPTitleBreadcrumb1" runat="server" RenderCurrentNodeAsLink="true" SiteMapProvider="SPContentMapProvider" CentralAdminSiteMapProvider="SPXmlAdminContentMapProvider">
     </SharePoint:SPTitleBreadcrumb>
 </SharePoint:AjaxDelta>
 <div id="s4-titlerow" class="ms-dialogHidden s4-titlerowhidetitle">
  <div id="titleAreaBox" class="ms-noList ms-table ms-core-tableNoSpace">
   <div id="titleAreaRow" class="ms-tableRow">
    <div id="siteIcon" class="ms-tableCell ms-verticalAlignTop">
    </div>
    <div class="ms-breadcrumb-box ms-tableCell ms-verticalAlignTop">
     <div class="ms-breadcrumb-top">
      <div class="ms-breadcrumb-dropdownBox" style="display:none;">
       <SharePoint:AjaxDelta id="DeltaBreadcrumbDropdown" runat="server">
       <SharePoint:PopoutMenu Visible="false" runat="server" ID="GlobalBreadCrumbNavPopout" IconUrl="/_layouts/15/images/spcommon.png?rev=23" IconAlt="<%$Resources:wss,master_breadcrumbIconAlt%>" ThemeKey="v15breadcrumb" IconOffsetX="215" IconOffsetY="120" IconWidth="16" IconHeight="16" AnchorCss="ms-breadcrumb-anchor" AnchorOpenCss="ms-breadcrumb-anchor-open" MenuCss="ms-breadcrumb-menu ms-noList">
       <div class="ms-breadcrumb-top">
        <asp:Label ID="Label1" runat="server" CssClass="ms-breadcrumb-header" Text="<%$Resources:wss,master_breadcrumbHeader%>" />
       </div>
       <asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server">
        <SharePoint:ListSiteMapPath ID="ListSiteMapPath1" runat="server" SiteMapProviders="SPSiteMapProvider,SPContentMapProvider" RenderCurrentNodeAsLink="false" PathSeparator="" CssClass="ms-breadcrumb" NodeStyle-CssClass="ms-breadcrumbNode" CurrentNodeStyle-CssClass="ms-breadcrumbCurrentNode" RootNodeStyle-CssClass="ms-breadcrumbRootNode" NodeImageOffsetX="217" NodeImageOffsetY="210" NodeImageWidth="16" NodeImageHeight="16" NodeImageUrl="/_layouts/15/images/spcommon.png?rev=23" RTLNodeImageOffsetX="199" RTLNodeImageOffsetY="210" RTLNodeImageWidth="16" RTLNodeImageHeight="16" RTLNodeImageUrl="/_layouts/15/images/spcommon.png?rev=23" HideInteriorRootNodes="true" SkipLinkText="" />
       </asp:ContentPlaceHolder>
       </SharePoint:PopoutMenu>
       </SharePoint:AjaxDelta>
      </div>
     </div>
     <h1 id="pageTitle" class="ms-core-pageTitle">
     <SharePoint:AjaxDelta BlockElement="true" id="DeltaPlaceHolderPageDescription" CssClass="ms-displayInlineBlock ms-normalWrap" runat="server">
     <a href="javascript:;" id="ms-pageDescriptionDiv" style="display:none;">
     <span id="ms-pageDescriptionImage">&#160;</span> </a>
     <span class="ms-accessible" id="ms-pageDescription">
     <asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server" />
     </span></SharePoint:AjaxDelta>
     </h1>
    </div>
    <div class="ms-tableCell ms-verticalAlignTop">
    </div>
   </div>
  </div>
 </div>
        <!--SharePoint Navigation was here-->
       
        <div class="nav">
    <ul>
    <li class="icon-home"><a href="index.html"></a></li>
    <li><a href="#">CEO Corner</a></li>
    <li><a href="#">Customer Corner</a></li>
    <li><a href="#" class="noborder-right">Employee Corner</a></li>
    <li><a href="#" class="noborder-right">Workflows</a></li>
    <li><a href="#" class="noborder-right">Products</a></li>
    <li><a href="#" class="noborder-right">Events</a></li>
    <li><a href="#" class="noborder-right">Locations</a></li>
    </ul>
 <span class="nav-search"><input type="text" placeholder="SEARCH"></span>
  <span class="nav-search">
   <SharePoint:DelegateControl ID="DelegateControl7" runat="server" ControlId="SmallSearchInputBox"/>
  </span>
    </div>
         <SharePoint:AjaxDelta id="DeltaTopNavigation" BlockElement="true" CssClass="ms-displayInline ms-core-navigation" role="navigation" runat="server" style="display:none !important;">
      <SharePoint:DelegateControl runat="server" ControlId="TopNavigationDataSource" Id="topNavigationDelegate">
       <Template_Controls>
        <asp:SiteMapDataSource
         ShowStartingNode="False"
         SiteMapProvider="SPNavigationProvider"
         id="topSiteMap"
         runat="server"
         StartingNodeUrl="sid:1002"/>
       </Template_Controls>
      </SharePoint:DelegateControl>
  </SharePoint:AjaxDelta>
  <div id="contentRow">
  <SharePoint:AjaxDelta id="DeltaPlaceHolderSearchArea" BlockElement="true" CssClass="ms-mpSearchBox ms-floatRight" runat="server">
  <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
   <div id="searchInputBox">
    <!-- Search was Here-->
   </div>
  </asp:ContentPlaceHolder>
  </SharePoint:AjaxDelta>
  <div id="Div2" aria-live="polite" aria-relevant="all">
   <div id="notificationArea" class="ms-notif-box">
   </div>
   <SharePoint:AjaxDelta id="DeltaPageStatusBar" BlockElement="true" runat="server">
   <div id="pageStatusBar">
   </div>
   </SharePoint:AjaxDelta>
  </div>
 </div>
  </asp:Panel>
</body>

</SharePoint:SPHtmlTag>

How to upload js and css files to sharepoint using visual studio.

We can upload js and css files to SharePoint using Module via visual studio.

1] Firstly will create folder (let’s say “CMR”) under style library.

2] Then will add module to our visual studio project.

3] Provide name to module. Let’s say commonCSS , commonJS.


4] Rename .txt file with .js or .css  . If you want to add more then one js and css file to module so right click on moduleà add new item à select general tabà and select text file. So that later we can change its extension.



5] Then will have to modify element.xml file of module like below

<?xml version="1.0" encoding="utf-8"?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
  <Module Name="CommonCSS" Url="Style Library">
    <File Path="CommonCSS\style.css" Url="CMR/CommonCSS/style.css" Type="GhostableInLibrary" />
    <File Path="CommonCSS\custom-style.css" Url="CMR/CommonCSS/custom-style.css" Type="GhostableInLibrary"/>
    <File Path="CommonCSS\bootstrap.css" Url="CMR/CommonCSS/bootstrap.css" Type="GhostableInLibrary"/>
    <File Path="CommonCSS\editUserValidation.js" Url="CMR/CommonCSS/editUserValidation.js" Type="GhostableInLibrary"/>
  </Module>
</Elements>

When you deploy solution so respective file will be placed at provided path which mentioned in element.xml file of module.

Then on .aspx / .ascx page will refer these css and js file like below

    <script src="../../../Style%20Library/CMR/CommonJS/editUserValidation.js" type="text/javascript"></script>
    <link href="../../../Style%20Library/CMR/CommonCSS/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../../../Style%20Library/CMR/CommonCSS/fonts.css" rel="stylesheet" type="text/css" />
    <link href="../../../Style%20Library/CMR/CommonCSS/style.css" rel="stylesheet" type="text/css" />

CRUD Operation on List Item using REST

Refer link 1

Refer link 2

Refer Link 3

Refer Link 4

1] Add visual web part and past below HTML in that

<html>

<style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    tr:nth-child(even) {
        background-color: #dddddd;
    }
</style>

<body>

    <table>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
        <tr>
            <td>
                <input type="textbox" id="fname"></td>
            <td>
                <input type="textbox" id="lname"></td>
        </tr>
        <tr>
            <td>
                <input type="button" id="btnSubmit" value="Submit"></td>
            <td>
                <input type="button" id="btnUpdate" value="Update" /></td>
        </tr>

    </table>


  
                <div id="dvListView">
                    <table id="tblCustomListData" border="1">
                        <thead>
                            <tr>
                                <th>Name
                                </th>
                                <th>Surname
                                </th>
                                <th>City
                                </th>
                                <th>Edit
                                </th>
                            </tr>
                        </thead>
                    </table>
                </div>




</body>
</html>

2] Add a page in site pages and Insert above Visual web part.

3] Create .js file and past below code in that.

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
 var context;
        var web;
        var Url;
        var listItemEntity;

        $(document).ready(function () {
            SP.SOD.executeFunc('sp.js', 'SP.ClientContext', FunctionReady);
                                                GetData();
            ItemSubmit();
                                                ItemUpdate();
        });


        function ItemSubmit() {
            $("#btnSubmit").click(function () {
                //reading text box values
                var firstname = $("#fname").val();
                var lastname = $("#lname").val();
                AddItemToList(listItemEntity, firstname, lastname);
            });
        }
                               
                                function ItemUpdate() {
                                                $("#btnUpdate").click(function (){
                                                 var name = $("#fname").val();
             var last = $("#lname").val();
                                                 updateItemToList(listItemEntity,name,last);
                                                });
                                }


        function FunctionReady() {
            context = new SP.ClientContext.get_current();
            web = context.get_web();
            context.load(web);
            context.executeQueryAsync(onRequestSuccess, onRequestFailure);
        }

        function onRequestSuccess() {
            Url = web.get_url();
            GetListItemEntity(Url);
        }
        function onRequestFailure(sender, args) {
            alert("Error Occured:" + args.get_message());
        }

        function GetListItemEntity(webUrl) {
            var queryUrl = webUrl + "/_api/lists/getbytitle('RestList')?$select=ListItemEntityTypeFullName";
            $.ajax({
                url: queryUrl,
                method: "GET",
                headers: { "Accept": "application/json;odata=verbose" },
                success: onEntitySuccess,
                error: onEntityFailure
            });
        }


        function onEntitySuccess(data) {
            listItemEntity = data.d.ListItemEntityTypeFullName;
        }
        function onEntityFailure(err) {
            alert(err.statusText);
        }
       
                                function GetData()
                                {
                $.ajax({
        url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('RestList')/Items?$select=Fname,Lname,City,ID&$orderby=Fname asc",      
        type: "GET",
        headers: { "accept": "application/json;odata=verbose" },
        success: successHandlerforDetails,
        error: errorHandlerforDetails
        });
        }
                               
                                function successHandlerforDetails(data) {
        var firstName='',lastName='',City='',id='',html='';
        if (data.d.results)
        {
         var object = data.d.results;
         if(object.length == 0)
         {

         }
         else
         {
           for(var i = 0; i < object.length; i++)
            {
                                                  firstName = object[i].Fname;
                                                  lastName = object[i].Lname;
                                                  City = object[i].City;
                                                  id = object[i].ID;
                                                  var trID = 'tr' + id;

                                                  html = html + "<tr id='"+ trID +"'>";
                                                  html = html + "<td>";
                                                  html = html + firstName;
                                                  html = html + "</td>";
                                                 
                                                  html = html + "<td>";
                                                  html = html + lastName;
                                                  html = html + "</td>";
                                                 
                                                  html = html + "<td style=' text-align:center'>";
                                                  html = html + "<input type='text' id= city" + id + "  class='city' value="+City+" style='width : 46px ; text-align:center'/>";
                                                  html = html + "</td>";
                                                 
                                                  html = html + "<td style=' text-align:center'>";
                                                  html = html + "<button type='button' onclick='updateClickedItem(" + id + ")'>edit</button>" + "<input type='image' src='/Style%20Library/CMR/Img/delete.png' style='height:30px;width:30px' OnClick='removeItems(" + id + ");'>";
                                                  html = html + "</td>";
                                                  html = html + "</tr>";

                                                }
                                 }
                                }

                                 $('#tblCustomListData').append(html);
                                }

                                function errorHandlerforDetails(args,sender) {
                                                alert('Failed');
                                }
                               
        function AddItemToList(r, firstname, colValue) {
            try {

                var queryUrl = Url + "/_api/lists/GetByTitle('RestList')/items";

                $.ajax({
                    url: queryUrl,
                    type: "POST",
                    contentType: "application/json;odata=verbose",
                    data: JSON.stringify(
                        {
                            '__metadata': {
                                'type': r
                            },
                            'Fname': firstname,
                            'Lname': colValue
                        }),
                    headers: {
                        "accept": "application/json;odata=verbose",
                        "X-RequestDigest": $("#__REQUESTDIGEST").val()
                    }, success: onQuerySucess,
                    error: onQueryFailure
                });
            }
            catch (ex) {
                alert("Exception" + ex.message);
            }
        }

        function onQuerySucess() {
            alert('Item Added Successfully');
        }

        function onQueryFailure(error) {
            //alert("Failure:"+error.status+","+error.statusText);
            alert(JSON.stringify(error));
        }
                               
                                function updateItemToList(a,fname,lname)
                                {
                                                try{
                                                                var updateQueryUrl= Url + "/_api/lists/GetByTitle('RestList')/items(1)";
                                                               
                                                                $.ajax({
              url: updateQueryUrl,
              type: "POST",
              data: JSON.stringify(
                                                         {
                        '__metadata': {'type': a },
                        'Fname': fname,
                        'Lname': lname
                     }),
              headers: {
                               "Accept": "application/json;odata=verbose",
                               "content-type": "application/json; odata=verbose",
                               "X-RequestDigest": $("#__REQUESTDIGEST").val(),
                               "X-HTTP-Method": "MERGE",
                               "If-Match": "*"
                            },success: onQuerySucessUpdate,
                              error: onQueryFailureUpdate
                                                                                 });
                                                }
                                                 catch (ex) {
                alert("Exception" + ex.message);
            }
                                }
                               
                                function onQuerySucessUpdate() {
            alert('Item Updated Successfully');
        }
                               
                                function onQueryFailureUpdate(error) {
            //alert("Failure:"+error.status+","+error.statusText);
            alert(JSON.stringify(error));
        }
                               
                                function updateClickedItem(id)
                                {
                                                var itemcity = $("#city" + id + "").val();
                                                updateclickItemtoList(listItemEntity,itemcity,id);
                                }
                                function updateclickItemtoList(metadataType,city,Itemid)
                                {
                                                try{
                                                                var updateQueryUrl= Url + "/_api/lists/GetByTitle('RestList')/items("+Itemid+")";
                                                               
                                                                $.ajax({
              url: updateQueryUrl,
              type: "POST",
              data: JSON.stringify(
                                                         {
                        '__metadata': {'type': metadataType },
                        'City': city
                     }),
              headers: {
                               "Accept": "application/json;odata=verbose",
                               "content-type": "application/json; odata=verbose",
                               "X-RequestDigest": $("#__REQUESTDIGEST").val(),
                               "X-HTTP-Method": "MERGE",
                               "If-Match": "*"
                            },success: onQuerySucessUpdate,
                              error: onQueryFailureUpdate
                                                                                 });
                                                }
                                                 catch (ex) {
                alert("Exception" + ex.message);
            }
                                }
                               
                                function removeItems(Itmid)
                                {
                                                deleteListItem(listItemEntity,Itmid);
                                }
                                function deleteListItem(metadataType,Itemid)
                                {
                                                try{
                                                                var updateQueryUrl= Url + "/_api/lists/GetByTitle('RestList')/items("+Itemid+")";
                                                               
                                                                $.ajax({
              url: updateQueryUrl,
              type: "POST",
              headers: {
                               "Accept": "application/json;odata=verbose",
                               "content-type": "application/json; odata=verbose",
                               "X-RequestDigest": $("#__REQUESTDIGEST").val(),
                               "X-HTTP-Method": "DELETE",
                               "If-Match": "*"
                            },success: onQuerySucessDelete,
                              error: onQueryFailureDelete
                                                                                 });
                                                }
                                                 catch (ex) {
                alert("Exception" + ex.message);
            }
                                }
                                function onQuerySucessDelete() {
            alert('Item Deleted Successfully');
        }
                               
                                function onQueryFailureDelete(error) {
            //alert("Failure:"+error.status+","+error.statusText);
            alert(JSON.stringify(error));
        }

</script>


4] Refer above .js file in CEWP where we added visual web part.