Whoa, my dual trigger (clearable) comboboxes in extjs4 stopped working after...
If you previously used configs like trigger2Cls and onTrigger2Click to add a second trigger to your comboboxes then you will notice that they do not appear after upgrading to extjs5, but don’t worry...
View ArticleSmall issue in Ext.dom.Element()’s query method that will potentially throw...
There appears to be a small hangup in the Ext.dom.Element query method that allows an empty string to pass into the code which throws the following error: Uncaught SyntaxError: Failed to execute...
View ArticleMask all rows of a grid except the selected row in Extjs 4 or 5 – you pick
Extjs5 Notice – You will need this override in addition to use this – Ext.dom.Element. In a lot of instances I find myself wanting the focus of a grid to rest solely on the selected row, and at the...
View ArticlePreserve your ‘onclick’ event when your button is moved to the menu in an...
Not really a bug but something that you should really keep in mind when coding your next app if you happen to take advantage of the feature that allows the items in the toolbar to morph into menu items...
View ArticleMake your Twitter Bootstrap carousel images zoom 100% horizontal and vertical...
I noticed that the responsive design of the carousel in Bootstrap’s new version does not keep the aspect ratio of images resulting in white spaces (or whatever your background color is) around the...
View ArticleRemoving the little x in IE-10 across all your input fields
I am just finishing up a week of headaches directly attributed to Microsoft’s crazy implementation of a browser that allows for around 35 different ways that a user can render your site. One of the...
View ArticleJQuery Events Calendar Plugin ala Metro.js Scheduler
Download Source Here from GitHub Recently I stumbled across Sergey Pimenov’s Metro UI framework that makes the bootstrap framework look a lot like Windows 8 with the tiles and Microsoft color pallet...
View ArticleShow Extjs 5 action columns icons on row mouseover only – CSS solution – No JS
I recently upgraded an application to extjs 5 and noticed that the show / hide icons script that I had used in Extjs4 successfully was susceptible to errors if you used the mouse wheel to scroll...
View ArticleStrange Sencha Command image slicing error after upgrading to Extjs 5.0.1
I just downloaded extjs 5.0.1 and did the Sencha app upgrade command to bring the version from 5.0 to the latest and ended up with a lengthy list of warnings all regarding “Expected slices for widget …...
View ArticleReal Simple Extjs NVD3js Charts in place of Extjs Charts
Download the latest code from GitHub A little bit about the charts … If you are into data visualization and developing in JavaScript then you have probably heard of d3js which can be found at...
View ArticleView Model Data Binding – When store.load() gives you an ext-empty-store error
I’ve been starting a new enterprise application using Extjs5 and wanted to implement the MVVM pattern to include the new view Model, this is a list of the things I have learned so far and the obstacles...
View ArticleExtjs 5 Action Column item viewController handler binding
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleExtjs 5 CSS Card Flip effect on dataview xtemplate
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleAdding grid totals to panel titles using bootstrap-ext Badges in Extjs 5’s...
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleTurn your Extjs5 grid into an awesome Bar Chart with this column widget
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleAdding Midas commands (like strikethrough) to the Extjs 5.x HtmlEditor
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleExtjs 5 htmlEditor resize bug
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleGetting data from Angular – how close is it to stores in extjs?
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleSome thoughts on Angular from an Extjs developers perspective
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleSome things I wish I knew about JointJs before building an interactive...
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleAngular’s ui-bootstrap; how to pass variables to your $modal windows
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleChanging Styles on IE11 with angular in a {{bind}}
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleBringing code consistency to the team – Some thoughts on developing using...
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleSolving Angular material Design Chips index length of JavaScript Errors
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View ArticleNginx reverse proxy and server side events (SSE’s)
#leftcontainerBox { float:left; position: fixed; top: 60%; left: 70px; } #leftcontainerBox .buttons { float:left; clear:both; margin:4px 4px 4px 4px; padding-bottom:2px; } #bottomcontainerBox {...
View Article