C#.NET, ADO.NET, ASP.NET, JavaScript, JQuery, AngularJS

2026-02-16T07:57:00.000-08:00

2 weeks of work… finished in 2 hours.

Today I experienced something that perfectly captures the shift happening in software development.

Using AI-assisted coding, I was able to build and ship something in just a couple of hours that would normally take close to two weeks. The kind of work that usually involves reading documentation, wiring things together, debugging issues, fixing edge cases, and going back and forth — compressed into a single focused session.

It felt incredible.

AI removes a lot of friction. It accelerates setup, suggests solutions instantly, and helps move from idea to execution faster than ever before. The productivity jump is real, and honestly, hard to ignore. We are entering a phase where building things has never been easier.

But somewhere in that speed, a different thought started to surface.

When most of the implementation comes from AI, are we still learning the fundamentals the same way?
Are we understanding systems deeply, or just validating what AI generates?
What happens when something breaks in production and there’s no ready-made answer?
Will we still have the patience — and the skill — to trace issues end-to-end and truly understand them?

Earlier, the slow process of building was also the learning process.
We read more. We debugged more. We struggled more.
And in that struggle, we built depth.

Today, execution is becoming fast and almost effortless. That’s a huge advantage — but it also means depth will no longer come automatically with time spent coding. It will have to be intentional.

AI is not replacing developers. If anything, it is amplifying what we can do.
But the developers who stand out will likely be the ones who can balance both worlds: leveraging AI for speed while still holding on to strong fundamentals, critical thinking, and real understanding of systems.

Because when execution becomes easy,
true expertise becomes the differentiator.

Microservices Architecture: Building the Digital Future, One Service at a Time

2023-10-03T04:29:00.001-07:00

In the fast-paced world of software development, adaptability, scalability, and efficiency are paramount. As businesses strive to meet the ever-evolving demands of their customers, they are increasingly turning to microservices architecture as a solution to their complex problems. In this blog post, we will explore the fascinating world of microservices architecture, its benefits, challenges, and why it's becoming the go-to approach for building modern digital applications.

What Are Microservices?

Microservices architecture is a software design pattern where an application is divided into a collection of loosely-coupled services that can be developed, deployed, and scaled independently. Each microservice is responsible for a specific piece of functionality and communicates with other microservices through well-defined APIs. This architectural style is a departure from the monolithic approach, where an entire application is tightly integrated into a single codebase.

The Benefits of Microservices

1. Scalability and Agility

Microservices allow for independent scaling of individual services. This means that if one part of your application experiences a surge in demand, you can allocate more resources to that specific microservice, ensuring optimal performance without affecting the rest of the application.

2. Faster Development

Smaller, focused teams can work on individual microservices, enabling faster development cycles. Developers can choose the most appropriate technology stack for each service, leading to better innovation and efficiency.

3. Fault Isolation

In a monolithic application, a bug or failure in one part of the code can bring down the entire system. With microservices, failures are contained within individual services, reducing the risk of widespread outages and making debugging easier.

4. Technology Agnosticism

Microservices architecture allows for flexibility in choosing the technology stack for each service. This enables organizations to adopt new technologies and tools without the need to overhaul the entire application.

Challenges of Microservices

While microservices offer numerous benefits, they also come with their own set of challenges:

1. Complexity

Managing a network of microservices can be complex, requiring robust service discovery, load balancing, and monitoring tools.

2. Data Management

Handling data consistency and ensuring that services can access and update data efficiently can be challenging in a microservices architecture.

3. Deployment and Testing

Deploying and testing multiple services across different environments can be more complicated than deploying a monolithic application.

4. Communication Overhead

Inter-service communication can introduce latency and potential points of failure, making it crucial to design resilient communication patterns.

Real-World Success Stories

Numerous tech giants and startups have embraced microservices architecture with great success. Companies like Netflix, Amazon, and Uber have leveraged microservices to achieve unparalleled scalability and agility.

For example, Netflix's microservices architecture allows them to deliver personalized content recommendations to millions of users worldwide. Each microservice handles a specific aspect of the recommendation algorithm, enabling rapid experimentation and continuous improvement.

Is Microservices Architecture Right for You?

While microservices offer tremendous advantages, they may not be the best fit for every project. The decision to adopt microservices should be based on factors like the complexity of your application, your team's expertise, and your organization's willingness to invest in the necessary infrastructure and tooling.

In conclusion, microservices architecture is reshaping the way we build and deploy software. Its ability to provide scalability, agility, and fault tolerance is revolutionizing the digital landscape. However, it's essential to approach microservices with a clear understanding of the challenges and trade-offs involved. With the right strategy and a commitment to best practices, microservices can help your organization thrive in the digital age, one service at a time.

How to read App Settings values from Config.json or appsettings.json file in ASP.NET Core

2018-10-09T01:52:00.000-07:00

In this article we are going to learn how can we get/read values from config.json or appsettings.json file in Asp.Net core.

Assume you have following settings in your config file

{
"MySettings": {
"key": "12345"
}
}

Now, in order to read values from above config file, you need the Configuration object which is available in the namespace 'Microsoft.Extensions.Configuration'.

Open your startup.cs file and add reference to 'Microsoft.Extensions.Configuration' namespace. You need to use dependency injection to get Configuration object in either your controller or any other class file. Dependency Injection is a built-in feature in .NET core.

To achieve this, add the following line inside ConfigureServices method in startup.cs file.

services.AddSingleton<IConfiguration>(Configuration);

Now, your new ConfigureServices method will be

public void ConfigureServices(IServiceCollection services)
{
services.AddMvc();
services.AddSingleton < IConfiguration > (Configuration);
}

And, your startup.cs file should look like this

As we added dependency injection for IConfiguration, we can start using it in any controller or any other class.

Reading values from appsettings.json file:

We have to use the constructor injection in any controller for reading values from appsettings.json file. Just add a constructor in your controller which takes IConfiguration interface as input parameter.

At runtime, when we the controller gets called, this Constructor [MyController(IConfiguration configuration)] will get called and it will get resolved by its concrete class [Configuration] which we have set in Startup class.

public class MyController : Controller

{

private readonly IConfiguration Configuration;

public MyController(IConfiguration config)

{

this.Configuration = config;

}
}

Now as we have the reference to Configuration object in our controller we can now read the values from appsettings.json file using following code

var value = this.config.GetSection("MySettings").GetSection("key").Value;

This is how we set or get values from appsettings.json file in .Net core projects.

For more useful articles on .Net core visit: Asp.Net core

How to remove old and unused Docker images or stop Docker Containers or remove Docker Volumes

2018-09-11T00:20:00.000-07:00

This post explains how to remove old or unused docker images, how to remove stopped containers, how to remove unused volumes, how to remove unused networks or a single command to run all prunes at a time

Note: These command works for Docker with version 1.13 or higher

Command to remove unused Images

docker image prune

Command to removed stopped Containers

docker container prune

Command to remove unused Volumes

docker volume prune

Command to remove unused Networks

docker network prune

Command to run all Prunes at a time

docker system prune

It is suggested that not to use system prune command. This may remove the things which users doesn't want to remove.

This is how we remove old or unused docker images, or remove stopped containers, or remove unused volumes, or remove unused networks or run all prunes at a time.

For more posts on Docker please visit: docker

angular ng grid not displaying data when there is a special character in column name

2018-04-10T04:58:00.000-07:00

In this post am going to explain how to show data in ng-grid when there is a special character in column name.

Assume you have following columnDefs in gridOptions

columnDefs: [{
name: "parent.name",
displayName: 'Name',
type:'string'

}, {
name: 'lastName',
displayName: 'Surname'
}]
};

As you see, our first column has name as parent.name. It has dot ('.') in it's name. So if you use this columnDefs in your ng-grid it will not show data in that column as the name has special characters in it. To make it work you need to add following flag to your gridOptions

gridOptions.flatEntityAccess = true;

So your final gridOptions will look something like below

$scope.gridOptions = {

columnDefs: [{
name: "parent.name",
displayName: 'Name',
type:'string'

}, {
name: 'lastName',
displayName: 'Surname'
}]
};

$scope.gridOptions.data = [{
"parent.name": "John",
"lastName": "Cena"
}];

$scope.gridOptions.flatEntityAccess = true;

Check the following plunkr for working example.

ng-grid show data when there is a special character in column name

This is how we can show data in ng-grid even if the column name is having special character in it.

For more posts on angularJs refer: AgngularJs

how to merge a specific commit in Git

2017-06-18T10:52:00.001-07:00

In this article am going to explain how to merge(cherry pick) specific commit in Git

When you are working on two different branches you often merge code from one branch to another. But if you want to merge specific changes to another branch you can do it by cherry picking specific commit.

Using Git Extensions you can easily merge a specific commit. (Download Git Extensions from link1 or from here link2)

In Git Extensions open your repository. It will show you all the commits. Select any specific commit and right click on it. Then select cherry pick commit. Check the below screenshot for reference

Once you select Cherry pick commit it opens another small popup as shown below

Check "Automatically create a commit" if you want to automatically commit this changes into current branch or if you want to manually commit, keep the box unchecked and click on "Cherry pick".

In this way you can merge a specific commit in Git

ng-options with simple and complex array angularjs

2017-04-12T13:05:00.000-07:00

In this article am going to explain how to use ng-options with simple and complex(array of objects) arrays

Assume you have following array

$scope.fruits = ['apple', 'banana', 'orange'];

If you want to show them in a dropdown using ng-options use the following code

What you get in the resulting html is below

<option label="apple" value="string:apple">apple</option>
<option label="banana" value="string:banana">banana</option>
<option label="orange" value="string:orange">orange</option>

when you select any option the value gets selected is same as value shown in dropdown.

Use ng-options for array of objects:

If you have an array of objects like below

$scope.fruits = [{ id: 1, name: 'apple' }, { id: 2, name: 'banana' }, { id: 3, name: 'orange' }];

Use the following html to show them in dropdown

If you use the above html then in the dropdown it shows name of the fruit but internally it stores the id of the fruit when you select any value from dropdown. resulting html code looks like below

<option label="apple" value="number:1">apple</option>
<option label="banana" value="number:2">banana</option>
<option label="orange" value="number:3">orange</option>

When you click on dropdown it shows names of the fruits but when you select any option internally id of the object will be selected.

Check this Plunker for working example: ng-options with simple and complex arrays

This is how ng-options works with simple and complex arrays.

For more posts on angularjs visit: AngularJS

How to undo or revert last commit(s) in Git

2017-03-30T13:49:00.000-07:00

When you are working on git, it is possible that sometimes you may commit the wrong files or the code you committed some times needs to be reverted back.

There are many ways to revert the last commit or any specific commit in git. This SO post has many answers which explains how to revert a commit. But those are to be done in a command prompt which many are un-familiar with. So here am going to explain a easy way to revert a commit in git.

This can be achieved using Git Extensions. You can download it from here link1 or from here link2

Once you download Git Extensions, open it and select the repository where your source code exists.

Once this is done Git Extensions will show you all the commits. Select any specific commit and right click on it. Then select revert commit. Check the below screenshot for reference

Once you select the Revert Commit option, it opens a pop-up like below

Select "Automatically create a commit" if you want to directly commit the reverted changes or if you want to manually commit the reverted changes keep the box un-selected and click on "Revert this commit" button.

In this way you can easily revert any commit in git using Git Extensions.

For more useful articles on git visit this link: Git

javascript: typeerror (intermediate value) is not a constructor

2017-02-27T10:59:00.000-08:00

It's been long time since i have written a blog post as i am busy with the project deliverable. So, here i am with one more issue which i faced today while writing some basic javascript code.

The error is

javascript: typeerror (intermediate value) is not a constructor

i came across this issue when i am returning some object from a function. Following is the similar javascript code that i have written

function buildContact() {

return new { name: "John", mobile: "123-456-7890", country: "US" };

}

this is the javascript function which was showing the mentioned error.

Cause:

I used new which can be only used with a Function as operand. In this case i am using object as a constructor which is actually not.

Fix:

Here we have two options to fix this error.

1. To return object directly as shown below

function buildContact() {

return { name: "John", mobile: "123-456-7890", country: "US" };

}

2. Create a constructor and use the constructor to create new object as shown below

function Contact(name, mobile, country) {

this.name = name;

this.mobile = mobile;

this.country = country;

}

function buildContact() {

return new Contact("John", "123-456-7890", "US");

}

in this case we are returning the new Contact() by using constructor.

In this way you can fix the error javascript: typeerror (intermediate value) is not a constructor.

Please do comment if you know better way to fix this error. Thanks in advance.

To know more common javascript errors visit: Javascript

Add new data row to data table Error: 'System.Data.DataRow.DataRow(System.Data.DataRowBuilder)' is inaccessible due to its protection level

2016-09-30T10:52:00.000-07:00

We can not directly create a new DataRow() . When we try to do so, it throws this exception

System.Data.DataRow.DataRow(System.Data.DataRowBuilder)' is inaccessible due to its protection level

So in order to create new row in data table use the following method

DataTable table = new DataTable();
DataRow row = table.NewRow();
table.Rows.Add(row);

reference link : https://msdn.microsoft.com/fr-fr/library/9yfsd47w.aspx

In this way you can create a new data row and add it to data table.

GIT Error : Cannot switch to master because there are uncommitted changes. Commit or undo your changes before you switch branches

2016-07-29T07:22:00.000-07:00

Today i came across a weird issue when i was trying to switch from my stage branch to main branch. Visual Studio was showing following error:

Cannot switch to master because there are uncommitted changes. Commit or undo your changes before you switch branches. See the Output window for details.

Visual studio states that we cannot switch to other branch when there are uncommitted changes. But in my case i don't have any pending/uncommitted changes. So, as suggested in the error message i had a look at the output window.

Following is the error shown in my output window.

It states that there are some changes in the ResourcesController.cs file. But i din't have any changes in that file.

Fix for the Issue:

So, to fix the issue i just deleted the above file and did undo (From Team Explorer) to add it again. I tried to switch branch now and it WORKED!!

This way i solved the error "cannot switch to master because there are uncommitted changes. Commit or undo your changes before you switch branches. See the Output window for details."

This is the solution which worked for me. But, it may not be the ideal solution and no guarantee that it works for all. But it worked for most of the people.

Update (Fix 2):

If the above solution did not work, try to change the branch directly from Git Extensions. Just open the Git Extensions and select the branch from branch drop down.

If you find any other way to fix this problem please do comment below so that it may help others.

How to call Asp.Net MVC controller action method using JQuery

2016-07-18T13:08:00.000-07:00

In this article i am going to explain how to call controller actions using JQuery in Asp.Net MVC.

Get data from MVC Controller action method:

You can either use $.get or $.ajax functions to call mvc controller action methods using Jquery.

Example:

Assume you have following mvc controller and action method.

public class EmployeeController : Controller
{
public string GetEmployee()
{
var emp = new Employee() { Id = 1, Name = "John", Designation = "SE" };
return Newtonsoft.Json.JsonConvert.SerializeObject(emp);
}
}

Above Employee Controller has one action method i.e., GetEmployee() which is returning serialized Employee data.

Now use the following JQuery code to call the above mvc action method

Method 1: Using $.get()

$.get("/Employee/GetEmployee", function (data) {
var employee = JSON.parse(data);
alert(employee.Name);
});

Method 2: Using $.ajax()

$.ajax({
url: "/Employee/GetEmployee",
success: function (data) {
var employee = JSON.parse(data);
alert(employee.Name);
}
});

Note: I am using JSON.parse because controller action is returning serialized data. So we have to parse it to convert that to normal object.

Post data to MVC controller action methods using JQuery:

Using POST we can submit the data to controller actions.

Assume you have following controller action which saves the submitted data to database.

[HttpPost]
public bool SaveEmployee(Employee employee)
{
//your code to save employee to database
//return true if data saved succesfully

return true;
}

Now use the following JQuery code to post data to controller action method.

Method 1: Using $.post()

//create the employee object
var employee = { Name: "Dave", Id: 2, Designation: "Sales" };

$.post("Employee/SaveEmployee", employee, function (data) {
if (data == "True") { //change condition based on your return type
alert("Employee Saved succesfully");
}
});

Method 2: Using $.ajax()

//create the employee object
var employee = { Name: "Dave", Id: 2, Designation: "Sales" };

$.ajax({
url: "/Employee/SaveEmployee",
type: "POST",
data: employee,
success: function (data) {
if(data == "True") //change condition based on your return type
alert("Employee Saved");
}
});

In this way we call Asp.Net MVC controller actions using JQuery.

For more posts on JQuery Visit: JQuery

How to make Ajax call with JQuery

2016-07-14T13:11:00.000-07:00

In this article am going to explain how to make ajax call with JQuery.

JQuery has $.ajax() method which is used to perform an asynchronous HTTP request.

The syntax of $.ajax() function is as follows

$.ajax(url[, options])

url is a string parameter that you want to reach with AJAX call while options is an object literal containing the configuration for the Ajax request.

JQuery AJAX example:

$.ajax({
url: "demo.txt",
success: function(result){
alert(result);
}
});

JQuery AJAX post example:

$.ajax({
type: "POST",
url: url,
data: {name:"ranadheer",id:2},
success: function(data, status,, jQxhr){
alert(data);
},
error: function(jQxhr, textStatus){
alert(error);
}
dataType: dataType
});

This way we can make AJAX calls with JQuery.

For more posts on JQuery visit: JQuery

How to read query string value in javascript

2016-07-14T12:13:00.000-07:00

In this article am going to explain how to read query string value using JavaScript.

Use the following function to read query string value from url. You just need to pass the parameter name to this function.

Method 1:

var getQueryString = function ( field) {
    var href = window.location.href;
    var reg = new RegExp( '[?&]' + field + '=([^&#]*)', 'i' );
    var string = reg.exec(href);
    return string ? string[1] : null;
};

Method 2 :

You can also use the following javascript function to read querystring value.

function getQueryString(param) {
var url = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < url.length; i++) {
var urlparam = url[i].split('=');
if (urlparam[0] == param) {
return urlparam[1];
}
}
}

For example assume url as http://mysite.com?myParam1=test1&myParam2=test2

Now to read the query string value from above url use the following javascript code.

var myParam1 = getQueryString('myParam1'); // returns 'test1'
var myParam2 = getQueryString('myParam2'); // returns 'test2'
var testParam = getQueryString('something'); // returns null

Note: If a parameter is present several times (?param=test1&param=test2), you will get the first value

In this way we can read query string value from url in JavaScript

For more posts on javascript visit: JavaScript

Using CDN Bundle Config in ASP.NET MVC

2016-07-11T08:58:00.000-07:00

This article explains how to use CDN in MVC script bundles.

Bundling is a technique used in ASP.NET 4.5 to improve request load time. This technique improves load time by reducing the number of requests to the server and reducing the size of requested assets (such as CSS and JavaScript).

If you are using libraries like JQuery, AngularJS in your application, instead of loading them from your own server you can use the CDN url of these libraries. So, when you run your application in production environment these files will be loaded from CDN itself. If the CDN is not available then these files will be loaded from your server.

How to add CDN in MVC bundles:

First of all enable cdn feature (by default it is set to false).

bundles.UseCdn = true;

Then add your library (JQuery or AngularJS or any other) bundle from CDN. In my example am using JQuery library

var jqueryBundle = new ScriptBundle("~/bundles/jquery", "http://code.jquery.com/jquery-2.0.3.min.js").Include(
"~/Scripts/jquery-{version}.js");
jqueryBundle.CdnFallbackExpression = "window.jquery";
bundles.Add(jqueryBundle);

Use of CdnFallbackExpression is when CDN server is unavailable it loads the file from your server.

In this way we can use CDN in MVC script bundles.

Test CDN bundle in Local Evnironment (Debug Mode):

To test this feature locally you have to run your application in debug="false" mode or you cal also use BundleTable.EnableOptimizations = true;

For more posts on MVC visit : Asp.Net MVC

How to find out which version of Microsoft Dynamics AX you are using

2016-06-24T04:17:00.000-07:00

To find what version of the Microsoft Dynamics AX you are using follow the below steps

Click on Help Icon in the upper right corner of any page in Microsoft Dynamics AX
2. Now click on About Microsoft Dynamics AX

You can check the version in the resulting window.

For more information about the Microsoft Dynamics AX build version check below post
Overview of Microsoft Dynamics AX build numbers

For quick over view of build numbers and versions check below

Dynamics AX 2012

Build Number>>Version

6.0.852.782012>> Beta

6.0.947.02012>> RTM

6.0.947.612012>> Cumulative Update 1 (CU1)

6.0.947.2802012>> Cumulative Update 2 (CU2)

6.0.947.8622012>> Feature Pack

6.0.1108.6702012>> Cumulative Update 3 (CU3)

6.0.1108.24232012>> Cumulative Update 4 (CU4)

6.0.1108.43162012>> Cumulative Update 5 (CU5)

6.2.158.02012>> R2

6.2.1000.1562012>> R2 Cumulative Update 1 (CU1)

6.2.1000.14372012>> R2 Cumulative Update 6 (CU6)

6.2.1000.40512012>> R2 Cumulative Update 7 (CU7)

6.2.1000.40512012>> R2 Cumulative Update 7 (CU7)

6.3 >> Dynamics AX 2012 R3

Reference the property name within ng-repeat

2016-06-21T07:43:00.000-07:00

This article explains how can we reference the property of an object within the ng-repeat.

We all know that the we can render the value of a property in an object like below

<ul>
    <li>{{object.propertyName}}</li>
</ul>

Reference the property of an object within the ng-repeat:

Assume we have an object called Employee defined as

var employee = { name:"John",
age:24,
designation:"Developer"
};

Now by using the following code we can show all the properties and its values of Employee

<ul>
    <li ng-repeat="(key,val) in employee">{{key}}: {{val}}</li>
</ul>

Output of the above code is

age: 24
designation: Developer
name: John

In this way, we can reference the property of an object within the ng-repeat.

For working example check this fiddle : reference the property name within ng-repeat

For more posts on AngularJS visit : AngularJS

Create cookie using JQuery

2016-03-29T04:26:00.003-07:00

This article explains how to create/read/edit/delete cookie in Jquery.

First you need to add jquery cookie plugin. Add jquery.cookie.js javascript file from following url.

https://github.com/carhartl/jquery-cookie/blob/master/src/jquery.cookie.js

Create/Set cookie using JQuery:

Use the following jquery code to create the cookie.

 $.cookie("cookieName", "cookieValue");

Use the following jquery code to create the cookie with expiry.

$.cookie("cookieName", "cookieValue", { expires: 7 });

above cookie expires in 7 days.

Get/Read cookie using JQuery:

Use the following jquery code to read the cookie value.

$.cookie("cookieName");

We just have to use the cookie name to read it's value.

Edit cookie value using JQuery:

Use the following jquery code to edit the cookie value.

$.cookie("existingCookieName", "newValue");

above code updates the existing cookie value.

Delete cookie using JQuery:

Use the following jquery code to delete the cookie

$.removeCookie("cookieNameToBeRemoved");

In this way we can create/get/edit and delete cookies using JQuery.

For more posts on JQuery visit: JQuery

Remove auto focus from first input field in sales force

2016-03-29T04:04:00.001-07:00

This articles explains how to remove automatic focus from the first input field in sales force.

In Salesforce by default, the focus is set to the first available input field. To remove the focus from that input field you can use any of the following methods.

Method 1 to Remove focus from first input field:

Add a hidden field in your page and set the focus on this hidden field when page is loaded.

<input id="myHiddenField" type="hidden" />

<script type="text/javascript">
  window.onload = setFocus
  function setFocus() {
    document.getElementById("myHiddenField").focus();
  }
</script>

Above code sets the focus on the hidden field so that your first input field (which is visible) will not have the focus now.

Method 2 to Remove focus from first input field:

You can directly remove focus from the first input field using javaScript once the page is fully loaded.

<input id="myFirstInputField" type="text" />

<script type="text/javascript">
  window.onload = setFocus
  function setFocus() {
    document.getElementById("myFirstInputField").blur();
  }
</script>

In the above javascript code we removed focus from our first input field using blur() function.

In this way we can remove auto focus from first input field in sales force.

If you know any other ways of achieving this, please feel free to post in comment so that we will add that to the article.

For more posts on javascript visit: JavaScript

prevent bootstrap modal from closing when clicking outside or escape

2016-03-17T23:43:00.003-07:00

This article explains how to prevent bootstrap modal from closing/disappearing when clicking outside or escape.

This can be done in two ways

Through JavaScript or
Through HTML

JavaScript:

$('#modalID').modal({
    backdrop: 'static',
    keyboard: false
})

HTML:

<div id="modalID" class="modal hide fade in" data-keyboard="false" data-backdrop="static">

According to bootstrap documentation

backdrop (Type: boolean|string, Default: true) - Controls presence of a backdrop. Allowed values: true (default), false (no backdrop), 'static'(disables modal closing by click on the backdrop).

keyboard - (Type: boolean, Default: true) - Indicates whether the dialog should be closable by hitting the ESC key.

By passing backdrop option with value 'static' will prevent closing the modal. Also by passing {keyboard: false} we can prevent closing the modal by pressing Esc.

In this way we can prevent the bootstrap modal from closing when clicking outside or escape.

For more posts on bootstrap visit: BootStrap

Change date format in angular datetime picker

2016-03-14T02:56:00.000-07:00

This article explains how to format the date in angularjs datetime piker.

Note: for better understanding of this article please ready my previous article on angular datetime picker AngularJS DateTime Picker

For formatting date in angular datetime picker we have to use the angular-date-time-input directive.

First, add the dateTimeInput.js file in your project from the following url.

https://github.com/dalelotts/angular-date-time-input/blob/master/src/dateTimeInput.js

Add dateTimeInput module as a dependency to your application module.

var myModule = angular.module('MyApp', ['ui.dateTimeInput'])

Finally apply the date-time-input directive in your form element where you are showing the date.

<input data-date-time-input="YYYY-MM-DD" />

The value of the date-time-input attribute is the format the date values will be displayed.

This way we can change the date format of angular datetime picker.

For more posts on AngularJS visit: AngularJS

AngularJS Datetime Picker

2016-03-14T01:24:00.000-07:00

Using angular-date-time-input directive we can format the display of a date in an input box or allow users to enter a valid date with the keyboard.

Requirements:

AngularJS 1.4.x or higher (1.0.x will not work)

moment.js 2.8.3 or higher for date parsing and formatting

bootstrap's glyphicons for arrows (Can be overridden in css)

First add the datetimepiker.js and datetimepicker.templates.js javascript files (from angular-bootstrap-datetimepicker source files) in your project.

Then add the 'ui.bootstrap.datetimepicker' module as a dependency to your application module:

var myAppModule = angular.module('MyApp', ['ui.bootstrap.datetimepicker'])

Now you can use the datetimepicker directive in your html page as below.

<datetimepicker data-ng-model="model.date"></datetimepicker>

Above code renders the following datetime picker in the browser.

Show Angular datetime picker when textbox clicked

This section explains how to show a datetime picker when user clicked on a textbox.

First add the following textbox.

<input type="text" data-ng-model="model.date" id="dropdown1" data-toggle="dropdown">

Now, add the following <ul> element which has datetime picker inside it.

In the above datetimepicker directive we added data-datetimepicker-config="{ dropdownSelector: '#dropdown1' }" attribute. dropdownSelector should match the id of the textbox element.

Now when we click on the textbox, datetimepicker will be visible. Once you select the date and time that value will be visible in that textbox.

This way we can implement angular datetime picker to select the date and time. Please do comment for any suggestions/queries.

To change the date format of angular datetime picker read : Change date format in angular datetime picker

For more posts on AngularJS please visit : AngularJS

Convert string to boolean in javascript

2015-11-17T11:44:00.001-08:00

In this article i am going to explain how to Convert string to Boolean in JavaScript.

There is no built-in function in JavaScript to Convert a string to Boolean.

Be careful when using following method in JavaScript.

var boolValue = Boolean("true");

The above Boolean() method, any string which is not empty will be evaluated to true.

All the following statements return true using Boolean() function in JavaScript.

var boolValue = Boolean('true'); // true
var boolValue = Boolean('false'); //true
var boolValue = Boolean('someOtherString'); //true

So, only easy and trusted way to Convert a string to Boolean in JavaScript is by checking string value manually.

Example:

var myString = 'true';

var boolValue = (myString == 'true');

Above statement returns true if myString value is equal to 'true', other wise it returns false.

For live example visit the following JSFiddle : Convert string to boolean in javascript

In this way we can Convert a string to Boolean in JavaScript.

please leave comment for any queries or suggestions.

For more posts on JavaScript visit: JavaScript

Upload file asynchronously using JQuery

2015-11-09T06:31:00.001-08:00

In this post i am going to show you how to upload a file asynchronously using JQuery.

Using HTML5 we can upload files with Ajax and JQuery. We can also do file validations like name, checking size and file type. We can also handle the progress event. All the above things without using any external plugins.

How to upload a file :

Assume you have following html.

<form enctype="multipart/form-data">
    <input name="file_name" type="file" />
    <input id="btnUpload" type="button" value="Upload_File" />
</form>
<progress></progress>

In the above html we have a form in which we have a file upload control and a button to upload the file. We also have a progress tag using which we can track the file upload status.

To do the validation we have to use the onChange event of the fine control.

Validation for file upload :

$(':file').change(function(){
    var file = this.files[0];
    var fileName = file.name;
    var fileSize = file.size;
    var fileType = file.type;
    //Add validation code here
});

In the above code we got the uploaded file's name, size and type. Validation can be done using these properties.

JQuery code to upload the file :

$('#btnUpload').click(function(){
    var formData = new FormData($('form')[0]);
    $.ajax({
        url: 'url for processing file',
        type: 'POST',
        xhr: function() {  // Custom XMLHttpRequest
            var myXhr = $.ajaxSettings.xhr();
            if(myXhr.upload){ // Check if upload property exists
                myXhr.upload.addEventListener('progress',progressHandlingFunction, false); 
                // For handling the progress of the upload
            }
            return myXhr;
        },
        //Ajax events
        beforeSend: beforeSendHandler,
        success: completeHandler,
        error: errorHandler,
        // Form data
        data: formData,
        //Options to tell jQuery not to process data or worry about content-type.
        cache: false,
        contentType: false,
        processData: false
    });
});

Now lets implement the file upload progress handling function

function progressHandlingFunction(e){
    if(e.lengthComputable){
        $('progress').attr({value:e.loaded,max:e.total});
    }
}

Above code updates the progress tag with the percentage of file uploaded.

In this way we can upload files using JQuery and Ajax.

For any doubts/suggestions please comment in comments section below.

For more posts on JQuery visit: JQuery

Check Debug and Release mode in c#

2015-11-02T10:34:00.000-08:00

In this article i am going to explain how to programatically check Debug or Release mode in C#.

By default, Visual Studio defines DEBUG if project is compiled in Debug mode and doesn't define it if it's in Release mode. So, if you want to add different code for Debug and Release modes, use the following code

#if DEBUG
  // add debug mode code goes here
#else
  // add release mode code goes here
#endif

If you only want to check for release mode, then use the following code

#if !DEBUG
  // add debug mode code here...
#endif

In this way, we can check for Debug and Release modes programatically in c#.

C#.NET, ADO.NET, ASP.NET, JavaScript, JQuery, AngularJS

Microservices Architecture: Building the Digital Future, One Service at a Time

What Are Microservices?

The Benefits of Microservices

1. Scalability and Agility

2. Faster Development

3. Fault Isolation

4. Technology Agnosticism

Challenges of Microservices

1. Complexity

2. Data Management

3. Deployment and Testing

4. Communication Overhead

Real-World Success Stories

Is Microservices Architecture Right for You?

How to read App Settings values from Config.json or appsettings.json file in ASP.NET Core

Reading values from appsettings.json file:

For more useful articles on .Net core visit: Asp.Net core

How to remove old and unused Docker images or stop Docker Containers or remove Docker Volumes

Command to remove unused Images

Command to removed stopped Containers

Command to remove unused Volumes

Command to remove unused Networks

Command to run all Prunes at a time

For more posts on Docker please visit: docker

angular ng grid not displaying data when there is a special character in column name

For more posts on angularJs refer: AgngularJs

how to merge a specific commit in Git

ng-options with simple and complex array angularjs

Use ng-options for array of objects:

For more posts on angularjs visit: AngularJS

How to undo or revert last commit(s) in Git

For more useful articles on git visit this link: Git

javascript: typeerror (intermediate value) is not a constructor

To know more common javascript errors visit: Javascript

Add new data row to data table Error: 'System.Data.DataRow.DataRow(System.Data.DataRowBuilder)' is inaccessible due to its protection level

GIT Error : Cannot switch to master because there are uncommitted changes. Commit or undo your changes before you switch branches

Fix for the Issue:

How to call Asp.Net MVC controller action method using JQuery

Get data from MVC Controller action method:

Post data to MVC controller action methods using JQuery:

For more posts on JQuery Visit: JQuery

How to make Ajax call with JQuery

For more posts on JQuery visit: JQuery

How to read query string value in javascript

Note: If a parameter is present several times (?param=test1&param=test2), you will get the first value

For more posts on javascript visit: JavaScript

Using CDN Bundle Config in ASP.NET MVC

How to add CDN in MVC bundles:

Test CDN bundle in Local Evnironment (Debug Mode):

For more posts on MVC visit : Asp.Net MVC

How to find out which version of Microsoft Dynamics AX you are using

Reference the property name within ng-repeat

Reference the property of an object within the ng-repeat:

Create cookie using JQuery

For more posts on JQuery visit: JQuery

Remove auto focus from first input field in sales force

For more posts on javascript visit: JavaScript

prevent bootstrap modal from closing when clicking outside or escape

For more posts on bootstrap visit: BootStrap

Change date format in angular datetime picker

For more posts on AngularJS visit: AngularJS

AngularJS Datetime Picker

Show Angular datetime picker when textbox clicked

To change the date format of angular datetime picker read : Change date format in angular datetime picker

For more posts on AngularJS please visit : AngularJS

Convert string to boolean in javascript

For more posts on JavaScript visit: JavaScript

Upload file asynchronously using JQuery

How to upload a file :

Validation for file upload :

JQuery code to upload the file :

In this way we can upload files using JQuery and Ajax.

For more posts on JQuery visit: JQuery

Check Debug and Release mode in c#

For more posts on c# visit C-Sharp