Increase width of a column using directive in angularjs

I am developing responsive web design using angularJS and angular material design.I have total 8 fields and will display 4 fields in a row (each of flex width=25).Once I focus on any of the fields its width should double up (flex width=50) and as soon as the field loses focus it should fall back to original size. I am using flex in angular material design.For this I need to write a directive using angularJS. Any sample code will be highly appreciated.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.