Blog Archives

How I applied Bundling in my application

While trying to optimize my old asp.net application, I found that lot of java script files and css files are affecting the performance of my web applications.To optimize the performance of an application I found that bundling and minification can significantly improve the performance. It can be applied on MVC as well as in ASP.NET web forms. So I decided to take a hand on this. Before applying bundling and minification, it is good to understand the basic logic behind this.

Read the rest of this entry

Advertisements

Basics of OOPS Concept in JavaScript

Javascript is one of the most popular programming language that is used to create interactive effects with web browsers. Like .net, java, php, c++ etc javascript is also a Object Oriented Programming Language but it does not supports OOPS in same way as all other languages does.
For eg. In javascript there is no classes but there’s a way in javascript through which we use classes concept.

Read the rest of this entry

Get familiar with Lightwindow – not just another light whatever

I am pretty sure like me, many of you will be thinking same looking at those fancy popups which open on currently running rich UI websites. What if I can do same to incorporate such a window in my piece of work.

I crossed path with this awesome library called Lightwindow v2.0 when one of my colleague introduced me to it.

This is one of those javascript libraries which will help you to achieve those fancy looking popups, image galleries. It is really easy to implement. Quite fast & gives very awesome looking results I must say.

During my experience implementing it, I encountered some issues which really made me scratch my head hard. So let me take you along on my journey of dealing with this library and hopefully you can find answers to all your problems and doubts related to this library at the end of this journey.

Read the rest of this entry

State Management In Kendo UI Grid

Introduction to Kendo Grid:

Grid came into existence to fulfill the need of data presentation in applications. Since it’s creation it has been an undisputed choice for data presentation. Kendo Grid is a third party tool which goes extramile and provides much more than mere data presentaion. It caters a large set of end user needs i.e Sorting, Paging, Filtering, Reordering, Resizing and many more as it’s inbuilt components.

Read the rest of this entry

Telerik RadGrid Client Side Binding Using JavaScript

Before going to start about the code, I would like to tell you something about Telerik. Well, Telerik adds magic in our application. Its a third party tool that enhances the functionality of asp.net. If you have never used telerik and want to know more, I would suggest you to go through below links:-
http://www.telerik.com/
http://visualstudiogallery.msdn.microsoft.com/05896521-cda2-4c2e-9f5d-e562fe5059b0

In this article I am going to tell you, how to bind Telerik RAD grid using java script.

Read the rest of this entry

How to handle multiple submit buttons on a single form – MVC Razor

In MVC, there is no click event like(Button_Click) for buttons, action is used to handle the post action of the buttons.

(There are various ways for handling multiple submit buttons on the same form but the best two are below)

Method 1: Handle all Submit Buttons post in one Action:

Example: Suppose we have to perform some mathematical operation like (Add, Substract, Multiply, Divide) with 2 numeric values.

For this case, we will create a form and add 2 TextBoxes and 4 submit buttons for each opeartion (Add, Substract, Multiply and Divide).

Read the rest of this entry

Introduction to Ajax Accordion Components

# Introduction:

The Accordion Control is a part of the Microsoft Ajax Toolkit. The Accordion is a web control that allows you to provide multiple panes and display them one at a time. The Accordion Control organizes your content into expandable Panes or Tabs which can be clicked to make the content of that Pane visible while hiding all the others. The Accordion is implemented as a web control that contains Accordion Pane web controls. Each Accordion Pane control has a template for its Header and its Content.

When used properly, the Accordion control can be a very effective UI element that can not only help you save costly screen real-estate, but will also make your site look more interactive and organized.

The Accordion control is one of the few independent or stand-alone controls in the Microsoft Ajax Toolkit. By standalone we mean that it does not extend the behavior of any existing ASP. Net control, and is instead implemented independently.

In this article we will learn how to use the Accordion Control in our websites, the different properties that can be modified to change the control appearance and the functionality that you can add.

Read the rest of this entry

Generating Web Page to PDF

Background:

Easiest, simplest, fastest and of course free way to generate PDF or images for web pages:

– Tool is named as “wkhtmltopdf” and “wkhtmltoimage”
– Both are in exe format.
– Written in C++ and also its source is open and licensed under open source.
– Because it is an exe, we can use this tool in both windows and web applications. And it is in C++  so it can be used for windows platform as well as in Linux based systems.

In Details:

I will be explaining how to use it in web applications to generate PDF and push that PDF to client. Rest can be taken care by considering this as an example.
You can download the exe from  https://code.google.com/p/wkhtmltopdf/downloads/list. And trust me this is really cool kit as it provides a lot of flexibility to hide or extend the content of the page in nearly every manner.
Read the rest of this entry

Knockout.js: Pagination with ASP.NET Web API (or WCF service)

Introduction
In this article, I am trying to implement HTML table as a grid with pagination using knockout.js. This is the easiest way to get page wise data from server using ASP.NET Web API (or WCF service) and display them as a grid.

Before we jump in to this article, let’s have a look at the standard definition of Knockout.js and ASP.NET Web API:

Knockout.js is a JavaScript library that helps you to create rich, responsive displays and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on user’s actions or when an external data source changes), KO can help you implement it more simply and maintainable.

ASP.NET Web API is a framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices. ASP.NET Web API is an ideal platform for building RESTful applications on the .NET Framework.

Read the rest of this entry

Knockout.js: Built in Bindings

Introduction:
The Built in bindings are built into knockout.js and facilitate binding to attribute for elements. We can use multiple bindings separated by commas.

The built in bindings are categorized as:

1. Bindings to control text and appearance

  • text
  • html
  • visible
  • css
  • style
  • attr

Read the rest of this entry

%d bloggers like this: