How can I specify a custom icon for these Sencha Touch events:
Ext.Msg.alert
Ext.Msg.confirm
How can this be done?
On the Ext.Msg (MessageBox) you can specify and iconCls config item to control the icon used.
The icons should be 40x40 and you'd obviously want to reference css class which has a background: url(); pointing to you icons url.
Since alert and confirm are subsets of messagebox, the config item should be available on them aswell.
Thanks #douga, I resolved to specify a custom icon on Ext.Msg.confirm with CSS class and tags into my Sencha code. .customIcon {background-image:url();background-position: x y;}.
Thanks :)
I've recently created this new app that will help you to prepare named icons that you can assign to iconCls. It generates the SCCS file for your Sencha Touch apps. The README explains the steps for creating icons at the Ico Moon web site and using the tool to convert Ico Moon project files into SCSS for use in Sencha Touch. This has also been tested with Sencha Architect projects.
https://github.com/tohagan/sencha-ico-moon
Related
We have used a custom theme which is not available in shopify theme store, We have used Help Center Faq app to display in front end, But the App css and functionality is not working and not even displaying the template selected in Help Center Faq app. Its displaying the custom theme functionality and css as Default Is there any way to override the custom theme css and functionality and to use the app css and functionality
The app should have a supported template list, contact the app support team.
Additionally, it seems your theme css it's overriding the app files. That's the reason why you shouldn't use unsupported themes unless you know what you are doing. Nevertheless, you can disable the theme css by creating a new layout file without the main css file in the header and only using the app css specific for that page.
I have an existing Sencha touch project and I use Sencha architect as IDE. Now I would like to rename the project. How can this be done?
Thanks in advance!
In the Project Inspector for Sencha Architect 3 you can click on "Application" and find a property there called name which you can edit.
I downloaded the examples shown in Sencha Docs, e.g. http://docs.sencha.com/touch/2-1/#!/example/maps, and installed Architect on my Windows computer.
I want to modify the examples shown here: http://dev.sencha.com/deploy/touch/examples/production/index.html
inside Architect but the program is asking for an .xds or .xda file. How do I generate this file type so I can use a WYSIWYG editor.
The application you are trying to import is a Sencha Touch project (not an Architect one), so there's no way to import it.
I'm writing an OSX App and added an icon for it.
After building in Xcode, I can see the app with icon under Products folder, but when I RightClick->'Show in Finder', the built file is shown without icon. I want the built file to have an icon.
For Mac OS applications, you need to create an .icns file and include it in your Info.plist just like any other project.
Just change icon.png to icon.icns
When I submit an icon image for my app, I never add the .icns extension. It is automatically assumed by the compiler. So for the icon file "icon.icns", simply enter "icon".
I'm working on some HTML5 content to be included as part of an iPad app in a Web View and it requires some custom fonts which I was attepting to implement via CSS and #font-face
As I understand it, Mobile Safari only supports SVG fonts, but my testing has shown Mobile Safari to really struggle with SVG and the performance hit is a serious issue.
So... is it possible to put fonts in the App Bundle and somehow make them available to the webview?
Yes it is. Include the fonts in the App Bundle and in the app-info.plist use
"Fonts provided by application"
and provide the file name for each font.
Looks something like this...