Changing your kendo grid’s row colour on selecting your rows

Dear readers,

It has been a while since my last technical post. This time, I am going to blog about a very common row colouring functionality using kendo grids. With a little bit of styling knowledge and JQuery, we are very good to go.

Kendo UI Controls are provide us a high degree of user interactiveness by making use of the best features of HTML5, CSS3, AJAX and JQuery for developing state of art mobile and desktop web applications. I will demonstrate the colour changing functionality with my working sample created in JS fiddle.

http://jsfiddle.net/sharmilli/pLsemde8/embedded/

 

in the javascript section and css section of the fiddle, you will be able to follow the script with inline annotation .

Hope it helps, Happy Learning!!!

Your moment of Independence in life!

Happy Independence day!!!

I am asked to write about the moment of Independence in life, commemorating the 67 years of Indian Independence. I would like to share my thoughts on the topic through this post.

The moment of independence in life, according to me, is the moment you have exercised what your mind and body have asked you to do. We breathe, eat, sleep, speak, and think, whenever we want to. Even these small moments are the moments of independence in life.

There was a time, when the harijans were not able to walk on the roads; There was a time, when the people following same religion were not able to enter inside the temples in the name of untouchability; There was a time, when press is considered a sin fearing the facts would grow enmity against the government; There was a time, when the British bureaucracy and anarchy had a upper hand and acted ruthlessly by stealing the freedom, pride and thoughts of people. Thanks to Indian independence from British, we are a democracy now, the government that is of the people, by the people and for the people as quoted by Abraham Lincoln. You have freedom over many more verbs than before.

Now, Let us post ourselves a question based on the definition on the moment of independence in life, “Provided the act is lawful, are we able to do what we want to do?”. Your answer may be yes, you may tell me,”The social media”, “The right to information act”. Now, let me make a slight change to the question, “Are you able to express your opinions to the intended audiences?”, Now the answer goes little sneaky because our society is ruled by money and you cannot address over the public issues due to the fear of people in power. The governments have changed, from dynasty to bureaucracy; bureaucracy to democracy and so are the problems of the people. The fight for independence is always on, the cause changes, in order to widen verbs over which you have real access.

Let us continue the fight for freedom for the real causes and at the same time, lets be sensible about the freedom we are given with. Jai Hind!!!

Retrieving complex types from Entity Framework while using Temp tables in Stored Procedures

Hi Folks!

Greetings!

In this post let us see how to retrieve the complex types from the Entity Framework while projecting the records of temp table in the Stored Procedure.Click on the image for the detailed explanation on each step.

Hope it helps. Happy Coding!!!

 

பெரியப்பா

மலைபோலல்ல மணல் குவியலாய் கொஞ்சமுண்டு ,
பொருட்செல்வம் உண்டு!
பெரிதாய் வணிகத்தில் வந்ததல்ல,
மழையும் புயலும் வெயிலும் தாண்டி,
மலை வாழைப் பொதியை குதிரையேற்றி ,
மேடும் பள்ளமும் வெள்ளமும் தாண்டி,
வணிகம் செய்து சிறுகச் சேர்த்தது !
மண்ணுக்கு நீரோடு வியர்வை பாட்சி,
பயிர் வளர்த்து சேர்த்த கொஞ்சம் உண்டு !

தன்னலம் பெரிதாய் பார்த்ததில்லை ,
தலைகனம் கொஞ்சமிருந்தால் தவறுமில்லை
குணம் தாராளமாய் வாய்த்ததனால் !
செம்மையை சொல்ல வார்த்தையில்லை ,
அவர் பண்பினை வாழ்த்த வயதுமில்லை !
நன்றாய் பயின்று பட்டம் பெரும் வயது,
அதில் குடும்பப் பொறுப்பு மொத்தமும் சுமந்து,
பிள்ளையாய் உடன்பிறந்த பேரை வளர்த்து,
பெரியதாய் ஆளாக்கி கடமைகள் செய்தவர் !

மலைபோல் மனிதமும்,
மாந்தரிடை செல்வாக்கும் ,
சுனைபோல் வள்ளலும் ,
எளிமையின் உருவும் ,
அணையென நன்னெறியும்,
உருவெனத் திகழும் ஒருவர் !

How to generate dynamic repeating controls and providing unique ids using HTML and JQuery?

Hi Folks,

It has been a long time, Hope everyone is doing great.

In this post I am writing about how to generate dynamic repeating controls and providing unique ids using HTML and JQuery. You will come to know how to create a multiple list of controls, that will be created when you click on add button, and then providing unique ids to them. I am assuming you have referenced JQuery libraries in your page already.Let us jump to the steps.

  • Inside the html body tag part, declare a div and give its id as “divDynamic”.

<span id=”btnAddNew”>Add New</span>

<div id=”divDynamic”></div>

  • Create another div that is set to display none and its id is going to be “divTemplateContainer”. This is going to have all the controls that are going to be repeated.

<div style=”display:none” id=”divTemplateContainer”>

<input type=”text” id=”textbox”/>

<input type=”text” id=”textbox1″/>

</div>

  • Now, we need to regenerate the controls on click of “Add New”. So, inside the script tag, write a Jquery click event for the btnAddNew, where fetch the inner html of the template and append it to the divDynamic. Once after appending pass the container id and index and replace the ids as given in the “GetElementInsideContainer” method.

<script>

var Index = 0;

$(“#btnAddNew”).click(function () {

var template= $(“#divTemplateContainer”)[0].innerHTML;
var domText = ‘<div id=”template’ + Index + ‘”></div>';
if (template!= “”) {
$(“#divDynamic”).append(domText);
$(“#template” + Index ).append(template);
GetElementInsideContainer(“template” + Index , Index ); /*Call the action by passig the div id and the index*/
Index ++;
}

});

/*Change the ids within the template on the fly*/
function GetElementInsideContainer(containerID, index) {
var elm = {};
var elms = document.getElementById(containerID).getElementsByTagName(“*”);
for (var i = 0; i < elms.length; i++) {
if (elms[i].id) {
$(“#” + elms[i].id).attr(“id”, elms[i].id + index);
}
}
}

</script>

Hope the above steps saves your time. Happy coding!

பிரிவு !!!

கணவுகள் சொன்ன கதைகள் எல்லாம் ,
கண்களில் தென்பட்ட நாட்கள் எங்கே! – தெரியாமல்,
கடுஞ்சொல் அம்புகள் ஏவியதால்,
கண்ணீர் மட்டும் மிஞ்சியது இங்கே!

சொல்ல வந்த வார்த்தைகள் எல்லாம்,
சொல்லாமல் புரிந்த நாட்கள் எங்கே! – புரியாமல் ,
சொல்லி முடித்த வார்த்தைகளால்,
சோகம் மட்டும் நீள்கிறது இங்கே!

இதழ்கள் பேசிய சொற்கள் எல்லாம் ,
இதயம் சேமித்த நாட்கள் எங்கே! – அறியாமல்,
இளைத்து விட்ட தவறுகளால்,
இடிந்து போன இதயம் இங்கே!

உரசிப் போன நொடிகள் எல்லாம்,
உறைந்து நின்ற நாட்கள் எங்கே! – வேகத்தால்,
உடைந்து விட்ட உறவதனால்,
உருக்குகின்ற வலி தான் இங்கே!

Using Charts In SSRS Reports

Hello Buddies!

In the previous tutorial, we saw how to generate a simple SSRS report. In this tutorial, let us see how can we use charts in SSRS reports.

The steps are

  • Create a data source that is pointing to the database used by your query. In this case, I am using AdventureWorks database.
  • Once you create the data source by providing the connection string, then create a new report, by providing the Query for which you want to generate the report. Follow the screenshots given below for more information.
  • Once you have created the data set by running the report generation wizard following the steps shown in the screenshots, double click on the chart control in the tool box, that will display you the choice of graphs to choose from. Select the bar chart and click ok.
  • Now double click on the chart to get the chart data area, where provide the Value by adding the one that has to come in Y axes, and below which add the category by choosing from the data set (It appears as X axes).
  • After renaming the chart, axes and grid displaying data, click on Preview to view the chart along with its data statistics.

The images below would guide you how to create a report with charts.

This slideshow requires JavaScript.

Hope you find it useful. Thanks for reading!!!