I had to deal with an interesting problem this weekend. I was working on a screen for a demo project that was using Angular ngRepeat directive to display multiple fields for a sub-entity of a main screen. Something similar to the demo below. The behavior I wanted to see is as follows. When a user …
Continue reading ‘Angular and Focus Setting on New HTML Elements’ »
I was working on a demo this weekend. One of the things I wanted to demonstrate is how to format user input in Angular applications. I am going to use social security number input field to demonstrate the concept. The idea of Angular filters is a simple one. They are akin to IValueConverter in XAML …
Continue reading ‘Combine Angular Directives and Filters to Format UI’ »
I have been working on many web applications for quite sometime. I, as pretty much everyone else, want their sites to be usable on mobile devices. One control that is not good on mobile devices is a chekbox control. Hence, many mobile platforms such as iOS and Windows Phone / WindowsWIndows Store Apps prefer the …
Continue reading ‘Checkbox Alternative for Twitter Bootstrap’ »
I blogged a long time ago about a pattern on how to show reports in an ASP.NET MVC application. I have received a lot of request to share code, but I have lost the source code when I reimaged my machine. Rather than recreating this from scratch, I decided to take a more advanced route …
Continue reading ‘Using SSRS In Angular / ASP.NET MVC Application’ »
If you are following Angular “way” to create applications, you know that all DOM manipulations should be reserved for directives. What if you would like to alter DOM there by adding new DOM elements and at the same time use other directives, such as ng-model inside new DOM elements. You would think that something like …
Continue reading ‘Angular and DOM Manipulations in Directives’ »
I ran into an issue today when I tried to use Bootstrap’s collapse functionality inside an Angular JS based application. What would happen is when I click on panel heading, my application would go to the root (default route). This, of course, is caused by browser processing anchor click event in addition to collapse JavaScript …
Continue reading ‘Bootstrap Collapse No Working with Angular’ »
I blogged recently about implementing validation in Angular forms. In this post I will talk about the pattern I use in my applications, both Angular and pure ASP.NET MVC to supplement JavaScript based validation on the server. First of, I would like to start by making a case why I like to generate my forms …
I am going to write a few (two I think) posts on how to implement validation in Angular applications. In this post I am going to talk about showing validation messages and control form submittals. In the next post I will improve on the concept by showing how to help the mundane tasks of creating …
One thing that every business app eventually needs is an ability to search for something and show results using paging. The reason for that is that too many rows in search result set can bring any application to its knees. Hence, you should always page search results. If you are building a web application, there …
Continue reading ‘Building Pagination Directive in Angular and Twitter Bootstrap’ »
First I would like to talk about using MVC views (CSHTML files) for Angular views. In my option, I like powerful features that MVC views bring to the table. I can for example, use my models to generate input controls and validation messages on the server automatically. More on that subject in subsequent posts. I …
Continue reading ‘Building Dynamic Menu with Angular JS, Web Api and ASP.NET MVC’ »