kicktech

Floating div not displaying background color.

2014-02-04T06:00:00.000-08:00

<div id="wrapper">
<div id="content">
<div id="slider"></div>

<div id="left"></div>

<div id="right"></div>
</div>
</div>
#left
{
float:left;
width:490px;
}

#right
{
float:right;
width:490px;
}
#wrapper
{
background:blue;
width:990px;
margin:0 auto;
}

The problem with the float based layouts is that the wrapper container doesn't expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But you can also use the overflow property to fix this problem. It is not a CSS trick. It's documented long time back.

So it would be:

#wrapper
{
background:blue;
width:990px;
margin:0 auto;
overflow:hidden
}

Detect if a Guid, is in a List

2014-01-28T04:06:00.001-08:00

Sample Code here:

Guid x = Guid.Empty;
List y = new List();
y.Add(x);

Console.WriteLine(y.Contains(x)); // True
Console.WriteLine(y.Contains(Guid.Empty)); // True

With Linq:

var myList = new List()
Guid uniqueGuidId = new Guid(uniqueId[1]);;
var theEmpties = myList.Where(x => x.ToString() == uniqueGuidId.ToString());

Accessing Custom Web Control Properties in C# Code Behind Programmatically

2014-01-28T01:25:00.001-08:00

For User Controls it's necessary that we need to access custom control properties in the code behind and it will be a single heading property that we have to set. First time we may take some time too. I am just sharing how we can do this.

1. First we have to set the Custom property on the control it self.

<MyControls:CriteriaControl runat="server" ID="CriteriaControl" MyMode="File">
</MyControls:CriteriaControl>

2. Then, in the code behind we need to set the DesignerSerializationVisibility property to Content as below:

private string myMode;
[PersistenceMode(PersistenceMode.InnerProperty),
DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
public string MyMode
{
get
{
return myMode;
}
set
{
myMode = value;
}
}

The description about this property is here:
This attribute takes one parameter, which is a System.ComponentModel.DesignerSerializationVisibility enumeration member:

Visible - specifies that the object should be serialized. Use this value for simple (or primitive) properties.
Content - specifies that contents of the object should be serialized. Use this value for complex (or non-primitive) properties and collections.
Hidden- specifies that the object should not be serialized. Use this value when properties are changed for design-time purposes only, but should not be serialized in code.

Hope this helps someone too.

Populate DropDownlist with SharePoint List Items Programmatically

2014-01-22T07:03:00.000-08:00

For populating or filling asp:DropDownList with Sharepoint List Items programmatically, below is sample code:

if (!Page.IsPostBack)
{
using (SPSite site = new ("http://server/site"))
{
using (SPWeb web = site.OpenWeb())
{
SPList list = web.Lists["ListName"];
dropDownList.DataSource = list.Items;
dropDownList.DataValueField = "Title"; // List field holding value - first column is called Title anyway!
dropDownList.DataTextField = "Title"; // List field holding name to be displayed on page
dropDownList.DataBind();
}
}
}

Updating SPListItem TaxonomyField Programmatically

2014-01-21T08:01:00.000-08:00

I spent more than 3 hours for updating SPListItem with Taxonomy Field. I did at the beginning like other Fields. But my application failed saying that "The given Guid does not exist in the term store". I was surprised by why it is accessing Term Store. Thought very stupid Error!

After doing some research, found that we have to update Taxonomy Fields differently. The following steps should be done:

1. We have get the TaxonomyField first.
2. Open TaxonomySession and get associated term store
3. Get the Term that we want to update

Here is example:

string TaxonomyFieldGuid = "XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX";
TaxonomyField taxField = listItem.ParentList.Fields[new Guid(TaxonomyFieldGuid)] as TaxonomyField;
if (taxField != null)
{
TaxonomySession session = new TaxonomySession(SPContext.Current.Site);
TermStore termStore = session.TermStores[0];

Term term = termStore.GetTerm(new Guid(TermGuid).ToString()));
taxField.SetFieldValue(listItem, term);
}
listItem.Update()

It worked for me perfectly!!

Reference:

SharePoint Ribbon Button for specific Content Type documents only

2014-01-17T14:40:00.003-08:00

I am not going to explain the basics and description about Ribbon commands. Here I go directly into the logic.
There are many blogs which explaing about commands and I also reference them at the end of this post.

As the post said, we have several content types enabled for a single document library. We want to show only the Hello Ribbon Button only for ABC ContentType Id. I tried like below and it is showing the Hello button in Ribbon for all documents of all content types in the library.

I tried to display the Ribbon button only for ABC content type documents, but Sharepoint is always showing the Ribbon button for all documents from all content types in the current document library. Seems it is not possible with the CommandAction, we have to implement a client side scenario for EnableScript.

References:

1. Customizing and Extending the SharePoint 2010 Server Ribbon
2. Server Ribbon XML
3. Walkthrough: Adding a Button to the Server Ribbon
4. Architecture of the Server Ribbon
5. CustomAction Element
6. Default Custom Action Locations and IDs
7. Default Server Ribbon Customization Locations
8. Ribbon customization : Basics
9. Customize Ribbon of SharePoint List Item View/Edit page
10. How to: Modify the User Interface Using Custom Actions
11. Sharepoint 2010 Ribbon Locations
12. HOWTO: Add a button to the ribbon in SharePoint 2010
13. Ribbon Customizations and CustomActions in SharePoint 2010
14. Customizing ribbon part-1 creating tabs, groups, controls

Showing/Style specific Content Type Items with JSLink in SharePoint 2013

2014-01-17T04:35:00.006-08:00

I was planning to post about JSLink examples since long time. Every time I postpone. For me it will be a reference for myself in the future. Microsoft has made developers life easy with JSLink.

What is JSLink for?
JSLink can be used to style List Form Views, Web Part Views, Fields and Search Results and many more.

Showing specific Content Type Items with JSLink.

You can use the following function for calling template renderings:

Or you could also use like below:

Since we want to style only specific items in the view, we don't change anything in Header and Footer Templates. The Header and Footer Templates are called only once while rendering the page. The Header and Footer Templates will look like below:

function headerTemplate(ctx) {
var header = RenderHeaderTemplate(ctx);
return header;
}

function footerTemplate(ctx) {
var footer = RenderFooterTemplate(ctx);
return footer;
}

The ItemTemplate should be changed. If we have multiple content types and we want to differentiate the items in the view then we can check if the currentItem is of Content Type "ABC". SharePoint will call ItemTemplate for each Item. So for each item we can ContentType with ctx.CurrentItem.ContentType. To get the edit item effect and mouse over effect, we need to consider the ids for each item and the ids are built upon 3 values. ctx.ctxId, ctx.CurrentItem.ID and ctxx.CurrentItemIdx. I am having only one column which is the name of the document. If you want to have more column just copy the html from IE and paste in tr.

Here is the complete itemTemplate function:

We have to start with <tr> since Shrepoint renders Header template in <table><tr> and it continues for itemTemplate.

There are many more examples in links referenced at the end of this post.

I would post all references which I used to learn here:

References:

1. http://code.msdn.microsoft.com/office/Client-side-rendering-JS-2ed3538a
2.http://blog.vgrem.com/2013/04/14/customize-the-rendering-of-a-list-view-in-sharepoint-2013-displaying-list-items-in-accordion/
3. http://www.lestersconyers.com/custom-field-rendering-with-jslink/
4. http://mysharepointwork.blogspot.de/2013/06/sharepoint-2013-jslink-examples-and.html
5. http://ravtec.blogspot.de/2013/09/tiles-view-with-client-side-rendering.html
6. http://www.slideshare.net/chrisobrien/customizing-the-sharepoint-2013-user-interface-with-javascript-chris-obrien
7. http://blog-aspc.azurewebsites.net/display-templates-in-sharepoint-2013/
8. http://www.rbradbrook.co.uk/Blog/Post/10/Introduction-to-Client-Side-Rendering-in-SharePoint-2013

operation could not be completed because the item was removed from the gallery sharepoint 2013

2014-01-15T00:31:00.001-08:00

I got this error message when I am trying to add a new web part to a page. Before this, I did the following:

1. Retract WSP File
2. Deploy WSP File
3. Try to add web parts to the Page

The old references are there in gallery but the web parts are not really there. Same thing happened with JavaScript files. The files are there in Style Library but when I open them I get File Not Found error.

FIX:
I manually removed the Web Parts from Web Part gallery and Java scripts from Style Library. Deactivate and activate the feature.

Exam 70-486 Study Material Developing ASP.NET MVC 4 Web Applications

2014-01-14T07:17:00.000-08:00

References:

1. In this Blog, Chris has nicely guided for the topics in the exam.
http://www.bloggedbychris.com/2012/11/06/microsoft-exam-70-486-study-guide/

2. Another Study Material with links to reference resources
http://geekswithblogs.net/WTFNext/archive/2013/05/29/exam-70-486-study-material-developing-asp.net-mvc-4-web-applications.aspx
3. http://www.asp.net/mvc/tutorials/mvc-4

CAML Query to search on URL field in SharePoint

2014-01-14T06:55:00.002-08:00

I had done similar query several times, every time it comes with different problems. The following are the reasons for it.

1. Encode the Name of file if it has spaces.
2. URL field is stored as [URL],[Description]

If you want to retrieve items based on URL field, you have to use <FieldRef> operator instead <eq>. Since <eq> matches for the complete URL, you will get empty results back.

If URL field is stored with serverRelativeURL, you can use <BeginsWith> too. In my case, I had to use <contains> since we save URL field with Absolute URLs.

This is how I used for my query:

SPQuery query = new SPQuery();
query.Query =""+ urlParameter +""; //get the results SPListItemCollection result = list.GetItems(query);

Here the urlVal can be either Absolute or relative url. If the fileName has spaces then use

SPEncode.UrlEncodeAsUrl(fileName);

SPEncode.UrlEncodeAsUrl() encodes only the spaces with %20.

Add/Update SPForm JSlink Programmatically in Sharepoint 2013

2014-01-13T15:49:00.000-08:00

I was trying to update the Display Form of DocumentsLibrary. Even though Sharepoint Object supports it and MSDN article says it too, it does not work. I debugged the code, I get always SPForm.JSLink as null and when I try to update the value it does not even updated. I also performed SPDocumentLibrary.Update().

Here is the sample code which I tried:

SPForm form = this.DocumentsLibrary.Forms[PAGETYPE.PAGE_DISPLAYFORM];
if ((String.IsNullOrEmpty(form.JSLink)) || (form.JSLink.IndexOf(fileName) == -1))
{
form.JSLink += String.Format(CultureInfo.InvariantCulture, "{0}|~sitecollection/Style Library/{1}", form.JSLink, fileName);
}

I see several posts saying that it will work. But it does not work for me and saw lot of people are having same issue.

If there is work around, it would be great if any one shares it.

UPDATE:
We have tried to make the update via PowerShell, it's also does not help.

Here is my work around which worked for me. Using DispFormUrl, I got the page and retrieve ListFormWebPart and set the property JSLink to the ListFormWebPart.

Example is below:

SPForm form = this.DocLib.Forms[PAGETYPE.PAGE_DISPLAYFORM];
string formUrl= form.Url;

SPFile page = this.web.GetFile(formUrl);
using (SPLimitedWebPartManager wpManager = page.GetLimitedWebPartManager(PersonalizationScope.Shared))
{
try
{
// Enable the Update
wpManager.Web.AllowUnsafeUpdates = true;

// Check out the file, if not checked out
SPFile file = wpManager.Web.GetFile(dispFormUrl);
if (file.CheckOutType == SPFile.SPCheckOutType.None)
file.CheckOut();

// Find the ListFormWebPart and Update the Template Name Property
foreach (System.Web.UI.WebControls.WebParts.WebPart webpart in wpManager.WebParts)
{
if (webpart is Microsoft.SharePoint.WebPartPages.ListFormWebPart)
{
Microsoft.SharePoint.WebPartPages.ListFormWebPart listFormWebPart =
(Microsoft.SharePoint.WebPartPages.ListFormWebPart)webpart.WebBrowsableObject;
listFormWebPart.TemplateName = "ListForm";

if ((String.IsNullOrEmpty(listFormWebPart.JSLink)) || (listFormWebPart.JSLink.IndexOf(fileName) == -1))
{
listFormWebPart.JSLink += String.Format(CultureInfo.InvariantCulture, "{0}|~sitecollection/Style Library/{1}", listFormWebPart.JSLink, fileName);
}

wpManager.SaveChanges(listFormWebPart);
}
}

// Update the file
file.Update();
file.CheckIn("System Update");

// Disable the Unsafe Update
wpManager.Web.AllowUnsafeUpdates = false;
}
finally
{
if (wpManager.Web != null)
{
wpManager.Web.Dispose();
}
}

Preparation for 70-480 Exam or Programming in HTML5 with JavaScript and CSS3 Exam

2014-01-07T13:58:00.001-08:00

Last December I finished my 70-576 exam, now I started preparing for 70-480 Exam for MCSD. I am posting here all my references and book information which may help others as well. The following are the links:

The topics or Syllabus is here:
http://www.microsoft.com/learning/en-us/exam-70-480.aspx?c=de

Reference Links:

In the below link Microsoft offers Virtual Training with videos and sample questions also you can answer as part of preparation:
1. Video Training from MVA
2. http://www.microsoft.com/web/post/get-started-using-html5?sf1284466=1
3. 70-480 Exam Forum
4. http://www.w3schools.com/jsref/dom_obj_frame.asp

Activate and Deactivate Sharepoint Features using Client Object Model

2013-09-25T03:32:00.001-07:00

Sample Code is here:

References:
Discussion Thread
http://www.learningsharepoint.com/2010/07/09/activate-feature-with-client-object-model-sharepoint-2010/
http://community.zevenseas.com/Blogs/Tanmay/Lists/Posts/Post.aspx?ID=11

Enable Audience Targeting for Sharepoint Quick Launch Menu

2013-09-05T13:51:00.001-07:00

Here I am posting some of references I have found:

References:
http://weblogs.asp.net/jhallal/archive/2011/06/22/sharepoint-navigation-setting-the-audience-property-of-an-spnavigationnode.aspx
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/fc046128-ba01-4205-965e-bce3fc24d55d/add-audience-to-a-linkspnavigationnode-with-c
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/0b1539ba-2a3a-47f5-b243-7a71c1da0a6a/showhide-link-in-quick-launch-menu-for-a-user-group-programmatically
http://social.msdn.microsoft.com/Forums/en-US/0d2476b4-0547-4a32-aaa7-ed15cfd4a247/assign-target-audience-to-quicklunch-link-in-sharepoint-designer-2010
http://sladescross.wordpress.com/2010/12/04/set-the-audience-of-a-navigation-node/

How to Enable Target Audiences for a List Programmatically

2013-08-30T15:33:00.003-07:00

I am just posting the sample code for enabling Target Audience for a specific list:

private static SPField GetTargetingField(SPList list) {
SPField field = null;
try {
field = list.Fields[new Guid("61cbb965-1e04-4273-b658-eedaa662f48d")];
}
catch (ArgumentException) { }
return field;
}

private static string CreateFieldAsXml() {
XmlElement element = new XmlDocument().CreateElement("Field");
element.SetAttribute("ID", "61cbb965-1e04-4273-b658-eedaa662f48d");
element.SetAttribute("Type", "TargetTo");
element.SetAttribute("Name", "TargetTo");
element.SetAttribute("DisplayName", "Target Audiences");
element.SetAttribute("Required", "FALSE");
return element.OuterXml;
}

public void EnableTargetAudience(string webUrl) {
using (SPSite site = new SPSite(webUrl)) {
using (SPWeb web = site.OpenWeb()) {
SPList list = web.Lists["listName"];
string url = web.Url + "/listName";

SPField targetingField = GetTargetingField(list);
if (targetingField == null) {
string createFieldAsXml = CreateFieldAsXml();
list.Fields.AddFieldAsXml(createFieldAsXml);
list.Update();
}
}
}
}

If you looking for enabling target audience for custom content type then please go through the references provided below.
References:
http://blog.falchionconsulting.com/index.php/2008/08/enabling-audience-targeting-on-a-list/ http://maulikdhorajia.blogspot.de/2011/09/sharepoint-2010-enabling-target.html

Programmatically delete/remove all webparts from Sharepoint Page

2013-08-30T14:10:00.000-07:00

I created a Sharepoint Page where webparts are provisioned. Everytime, when the feature is activated duplicates are adding to the Page. I wanted to get rid of the webparts on FestureDeactivating. I found a nice article which helped me to delete all webparts on FeatureDeactivating. Below is the piece of code: I called the below method from my FeatureDeactivating method

public void RemoveAllWebParts(string webUrl)
{
using (SPSite site = new SPSite(webUrl)) {
using (SPWeb web = site.OpenWeb()) {
web.AllowUnsafeUpdates = true;
string url = String.Format("{0}{1}", web.ServerRelativeUrl.ToString(), "sample.aspx"); // This is my Page where I want to delete webparts
SPFile pageFile = web.GetFile(url );

using (SPLimitedWebPartManager wpManager = pageFile.GetLimitedWebPartManager(System.Web.UI.WebControls.WebParts.PersonalizationScope.Shared)) {
List webParts = new List();
foreach (Microsoft.SharePoint.WebPartPages.WebPart webPart in wpManager.WebParts) {
webParts.Add(webPart);
}

foreach (Microsoft.SharePoint.WebPartPages.WebPart webPart in webParts) {
wpManager.DeleteWebPart(webPart);
}

}
web.AllowUnsafeUpdates = false;
web.Update();
}
}
}

UPDATE:
The above code worked for me some time, all of a sudden I am started getting Unable to cast type XXXX to Micrososft.SharePoint.WebPartPages.WebPart.
I found that you can use System.Web.UI.WebControls.WebParts.WebPart instead of Micrososft.SharePoint.WebPartPages.WebPart. Also you have to change the List from List to List

There are some other methods to remove webparts from Sharepoint Page. If you want to have a look, go through the references.

References:
http://platinumdogs.me/2009/08/10/removing-provisioned-files-from-sharepoint-during-feature-deactivation/
http://blog.mastykarz.nl/preventing-provisioning-duplicate-web-parts-instances-on-feature-reactivation/
http://curia.me/post/2012/09/10/SharePoint-preventing-duplicate-web-parts.aspx

Create/Add Sharepoint 2013 Promoted Links List as List View Webpart Programmatically

2013-08-30T13:29:00.002-07:00

Today morning, I was trying to add Sharepoint 2013 Promoted Links list with Tiles View as List View WebPart programmatically. I was not successful as I tried with ListViewWebPart with Object Model. I found out that we have to use XsltListViewWebPart which worked without problems. Here is piece of code which created the Tiles view of Links.

string linksListId = String.Format("g_{0}", Guid.NewGuid().ToString().Replace('-', '_'));
XsltListViewWebPart linksWp = new XsltListViewWebPart();
linksWp.ID = linksListId ;
linksWp.Title = "Promoted Links";
string linksListServerRelativeUrl = web.ServerRelativeUrl + "/mylinks";

SPList linksList = web.GetList(linksListServerRelativeUrl);
linksWp.Width = "600";
linksWp.ListId = linksList.ID;
linksWp.ViewGuid = linksList.Views["Tiles"].ID.ToString("B").ToUpper();

wpManager.AddWebPart(linksWp, "MiddleLeft", 1);
wpManager.SaveChanges(linksWp);

Creating Publishing Page based on PageLayout

2013-08-28T08:10:00.002-07:00

PublishingWeb pubWeb = PublishingWeb.GetPublishingWeb(freshWeb);
PageLayout[] pageColl = pubWeb.GetAvailablePageLayouts(ctId); // the ContentTypeId of the ContentType you used to create your pagelayout
PageLayout selectedLayout = null;
// Since there might be more pagelayouts attached to our contenttype we have to select it by title
foreach (PageLayout pl in pageColl)
{
if (pl.Title == "My PageLayout Title")
{
selectedLayout = pl;
break;
}
}

PublishingPage pp = pubWeb.AddPublishingPage("overview.aspx", selectedLayout);
pp.Title = "Example";

pp.ListItem.File.CheckIn("Created from code", SPCheckinType.MajorCheckIn);

In the above code if you use

PageLayout layout = layouts[0];

then it will always select the First Page Layout. Referenes:
http://ammarfassy.wordpress.com/2013/03/31/publishing-pages-based-on-a-sharepoint-article-page-layout-programmatically/

Create SPFile and Update Content in SPFile Programmatically

2013-08-28T08:02:00.002-07:00

Recently, I have to use this code for every other project. I thought it would be useful for me in the future use and for someone else who looks for the same. This post gives a sample of how to create SPFile and add content to it and how to delete it before creating it if the file already exists in Sharepoint. Delete SPFile if already exists

string htmlDocUrl = webUrl + "/Style%20Library/test.html";
string folderUrl = webUrl + "/Style%20Library/sample folder";
ASCIIEncoding enc = new ASCIIEncoding();
byte[] fileContents = null;
SPFile file = null;
file = web.GetFile(htmlDocUrl);
if (file != null && file.Exists)
{
file.Delete();
}

For deletio of SPFile, I tried to use the following code which has not worked.

web.AllowUnsafeUpdates = true;
web.Files.Delete(htmlDocUrl);
web.Update();
web.AllowUnsafeUpdates = false;

My task was to add some html to the file. So I write html from string and GetBytes() from that string to save the file. I used StringBuilder which looks good for formatting.

StringBuilder scriptSrc = new StringBuilder();
scriptSrc.AppendLine("

hello

");
fileContents = enc.GetBytes(scriptSrc.ToString());
file = web.Files.Add(htmlDocUrl, fileContents, true);
file.CheckIn("File added");

NOTE:
You must CheckIn() the file otherwise it won't be saved to Sharepoint. If you have create your file under sub folder then you can simply call EnsureParentFolder() (which will create sub folder, you can have the code from my previous post) before web.Files.Add() method.

EnsureParentFolder(web, htmlDocUrl);

References: http://elczara.wordpress.com/2008/09/12/programming-sharepoint-library-file/
http://msdn.microsoft.com/en-us/library/dd587349(v=office.11).aspx

Create Sub Folder in Sharepoint Programmatically

2013-08-28T02:26:00.003-07:00

Here is a sample code create a sub folder in Sharepoint.

public string EnsureParentFolder(SPWeb parentSite, string destinUrl)
{
destinUrl = parentSite.GetFile(destinUrl).Url;
int index = destinUrl.LastIndexOf("/");
string parentFolderUrl = string.Empty;
if (index > -1)
{
parentFolderUrl = destinUrl.Substring(0, index);
SPFolder parentFolder = parentSite.GetFolder(parentFolderUrl);
if (!parentFolder.Exists)
{
SPFolder currentFolder = parentSite.RootFolder;
foreach (string folder in parentFolderUrl.Split('/'))
{
currentFolder = currentFolder.SubFolders.Add(folder);
}
}
}

return parentFolderUrl;
}

Create Sharepoint File Icon from Item Url

2013-08-22T07:44:00.003-07:00

I created a list of all documents from sharepoint search and displayed all documents. Then I had to display file icon next to each document. As usual googled for it and found the following piece of code which is very clear. It is really simple as you can see

protected string getIconUrl(string itemUrl)
{
SPWeb web = SPContext.Current.Web;
string iconUrl = string.Empty;
iconUrl = web.ServerRelativeUrl + "/_layouts/images/" + SPUtility.MapToIcon(SPContext.Current.Web, itemUrl, string.Empty, IconSize.Size16);
return iconUrl;
}

The trick is done by SPUtility.MapToIcon

Trying to use an SPWeb object that has been closed or disposed and is no longer valid.

2013-08-21T06:02:00.001-07:00

Today I was developing a web control and testing it, all of a sudden I was getting this error: "Trying to use an SPWeb object that has been closed or disposed and is no longer valid."
I was using SPWeb since long time, but never tried how I did today. here is the code that throws exception :

using (SPWeb web = SPContext.Current.Web) { ... }

we should not use SPContext with using which is mentioned in Best Practices. When we use SPContext, we have to use like below without in using-statement:

SPWeb web = SPContext.Current.Web;

Hope this helps for some one else too.

Get JSON Format from Data Table

2013-08-21T05:09:00.002-07:00

public string GetJson(DataTable dt)
{
System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
List rows = new List();
Dictionary row = null;

foreach (DataRow dr in dt.Rows)
{
row = new Dictionary();
foreach (DataColumn col in dt.Columns)
{
row.Add(col.ColumnName.Trim(), dr[col]);
}
rows.Add(row);
}
return serializer.Serialize(rows);
}

Scroll Page up and down using JavaScript / Jquery

2013-08-21T04:46:00.001-07:00

I am posting the code for page scroll up and down. This functionality is useful when you have large pages with lot of content in it, some people frustrated to scroll up and down. The Scroll up and Down buttons on the page will help to go fast up and down.

Here is html of it

<div class="nav_up" id="nav_up" style="opacity: 1;"> Scroll Up </div> <div class="nav_down" id="nav_down" style="opacity: 1;"> Scroll Down </div>

and the JavaScript for the button clicks is here:

$(function() {
var $elem = $('body');

$('#nav_up').fadeIn('slow');
$('#nav_down').fadeIn('slow');

$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});

$('#nav_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
});
$('#nav_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
});
});

'border-bottom' on div appears at top?

2013-08-19T05:45:00.001-07:00

When you float elements, the parent element does not expand to the height of its children unless it is floating its self, or there is another non floating child. Another solution if you cannot float the parent is to add an element after the current children that does not float and clears the other elements. e.g. add this after the inner divs