Often I get the question if it’s possible to generate a PDF from a
Sencha app. Well yes that’s possible, but not with Ext JS code
only. Though, Ext JS has an exporter, to export grid/pivot data
into an XML or Excel file, and you can export charts to images. Out
of the box we can’t generate PDFs from full Sencha apps, with the
What you will need is an additional script, often these solutions
are handled on the backend, but there are also solutions which can
do this client-side.
Back in 2011, I wanted to create an app. I love music, and I am a
huge fan of Spotify. I love that I can listen to a huge database of
songs. The only thing that always bothered me was that I had to
manually search for songs. That’s fine when I’m using my laptop,
but it’s not so great when I’m walking or biking, and I use Spotify
on my phone. Typing on a virtual keyboard is just not fun.
So, I created a Sencha Touch app that could connect to my LastFm
account (an online database that can “scrobble” and save music that
you’ve listened to). My app lists all the music I like, and with
one button tap, I can play the song in Spotify.
I’ve been showing you how to develop a fancy dark theme, which
kind of looks like Spotify. In Part
1 of the article, you learned about Fashion, Sencha
Inspector, Themes, and variables. In Part 2, I’ll focus on more
advanced concepts including: making unique components with Ext JS
UIs, CSS overrides, and how to incorporate custom fonts or icons.
Every now and then, I demo my Spotifinder
Ext JS app. It’s a really cool app that connects to LastFm
and Spotify. I created it, to demo Ext JS concepts in my training
classes. It also shows off the great theming capabilities in Ext
This year, I presented advanced theming at SenchaCon and I
received lots of questions about how I created the Spotifinder app
theme. So I decided to write a tutorial on how to create a really
cool, good looking dark theme.
In Ext JS 6, one of the big new features is the merged framework.
With a single codebase, you can create the best performing
applications, with the ideal experience on each device. It also
includes a new way to style your apps.
In this article, I will focus on Sencha Fashion – what it is and
what you can do with it. Keep an eye out for my upcoming tutorials
that will show you how to create a great looking dark theme.
Maybe you have experienced this before. You meet with a client (or
worse your boss ;) ), he explains what kind of application he
wants, and then he asked you the big question: How long will it
take?. Being realistic (and add a little more time on top of
that), you say: “a month!”. “A month? It’s just an
application with 3 screens. I was thinking tomorrow.” You know,
software in a day.