Quantcast
Channel: Learn Some Things
Browsing latest articles
Browse All 63 View Live

Image may be NSFW.
Clik here to view.

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 Article



Image may be NSFW.
Clik here to view.

Small 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 Article

Image may be NSFW.
Clik here to view.

Mask 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 Article

Image may be NSFW.
Clik here to view.

Preserve 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 Article

Image may be NSFW.
Clik here to view.

Make 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 Article


Image may be NSFW.
Clik here to view.

Removing 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 Article

Image may be NSFW.
Clik here to view.

JQuery 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 Article

Image may be NSFW.
Clik here to view.

Show 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 Article


Image may be NSFW.
Clik here to view.

Strange 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 Article


Image may be NSFW.
Clik here to view.

Real 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 Article

Image may be NSFW.
Clik here to view.

View 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 Article

Image may be NSFW.
Clik here to view.

Extjs 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 Article

Image may be NSFW.
Clik here to view.

Extjs 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 Article


Image may be NSFW.
Clik here to view.

Adding 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 Article

Image may be NSFW.
Clik here to view.

Turn 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 Article


Image may be NSFW.
Clik here to view.

Adding 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 Article

Image may be NSFW.
Clik here to view.

Extjs 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 Article


Image may be NSFW.
Clik here to view.

Getting 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 Article

Image may be NSFW.
Clik here to view.

Some 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 Article

Image may be NSFW.
Clik here to view.

Some 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 Article

Image may be NSFW.
Clik here to view.

Angular’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 Article


Image may be NSFW.
Clik here to view.

Changing 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 Article


Image may be NSFW.
Clik here to view.

Bringing 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 Article

Image may be NSFW.
Clik here to view.

Solving 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 Article

Image may be NSFW.
Clik here to view.

Nginx 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

Browsing latest articles
Browse All 63 View Live


Latest Images