I'm using sencha touch 2 and i want to add localization functional to my mobile app. I spent 2 days to look for localization plugin and i found Ux.locale.Manager. But it's not suitable to my project.
This app has quite a good implementation of using Localisation, check it out, posted in the Sencha Touch 2 Examples area of the forum:
http://www.sencha.com/forum/showthread.php?256010-Anthologia-Mobile
Direct links to project:
More info: http://html5.mxnet.it/anthologia/mobile/
Demo: http://html5.mxnet.it/demos/anthologia/mobile/
Code: https://github.com/mxnet/AnthologiaMobile
In the localisation info section it says this:
Localization
The file index.html of the application must contains the link to the preferred localization:
<script src="resources/config/locale-en_US.js"></script>
You can edit each localized string of the included file:
<script src="resources/config/locale-en_US.js"></script>)
The contents of the file is self-explanatory, but we will improve the related documentation.
:-)
Related
I am new to working with a CMS-platform and building an ecommerce website so please bear with me if my questions aren't spot on..
While I understand the concept behind a CMS-platform, I am trying to understand how I can build a custom website using the Liquid Theme Engine and VC. I have the platform and storefront both up and running locally (the electronics example store), and have even played around with extending a model and generating the new API endpoints for it(adding a wishlist type to the shopping cart) - this part is cool, I understand this is how the data is accessed.
However Liquid is new to me and I have a little understanding of how Angular works but not in a platform framework like VC, and Google searches are diluted with Shopify documentation which doesn't help me understand how a Liquid Theme fits into VC. If I spend the time to understand Liquid more, is my end goal to build a website theme in Liquid, and then reference that in the platform as the websites theme?
Are there any resources out there, besides what is listed on the VC website that could help connect the dots for me? (I think I've tried all the documents on the VC site and there are a lot of missing gaps)
Thanks
What the questions exactly you have? We have a large readme file for default theme. Also, here is a link to our docs about theme development. This topics describe theme structure, bundling & minification, localization and liquid language reference. Here is also a little explanation how theme work:
In Storefront, you have Controllers, which return View
ASP.NET view is template in Shopify terms. So LiquidThemeEngine try find this view in templates folder
Template may include snippets from snippets folder
Template have layout (usually header, body & footer) from layout folder (theme.liquid is default layout)
Templates and snippets may include angular components & controllers from assets/js folder and other static files (like images required by theme design) in root of assets or subfolder.
I create new project react native, then i installed #shoutem/ui , #shoutem/theme, #shoutem/animation to my project via nom install...!
But i have problem when try to find some way better to modify global theme shoutem.
I found theme.js inside folder node_module/shoutem/ui like picture below here!
So best way to modify all them of app is modify this theme.js file?
when i try to modify 1 content like View, Image follow tutorial at here:
https://github.com/shoutem/theme
my navigation bar got error like this picture:
So can u guys help me, suggest me best way to modify global theme default of shoutem?
Do modify theme.js or using something else?
And one more thing! When i try to builder app via https://builder.shoutem.com/ then pull-app using terminal!
I got project! But don't see anything code inside, only extension and so much info! Do not know what is true code when builder complete!
here is picture project when pull-app done!
And here is index file:
So how can i learn form that if only sort info inside index.js file :(
The file you should edit is in:
extensions/ExtensionName/app/theme/ThemeName.js
Where "ExtensionName" refers to the extension that has Screens which you are using in your app.
You should go through the Shoutem documentation on how to write a Theme.
It will show you:
how to create that file (ThemeName.js, your custom Theme)
how you can customize it
how you can use the Builder to manage details about it in Styles>Themes>Customize Theme
how you can add more details for the Builder to manage
When you initially create a Theme as the aforementioned documentation explains, it'll be a copy of the default Shoutem theme, so you'll have a fully functioning Theme right out the box, which you can edit to suit your wants and needs.
You can also check out the Shoutem documentation about the UI Toolkit to find out more info about Shoutem Components (including NavigationBar), Themes and Animations.
The reason I'm linking all this documentation is because the documentation covers all of the issues displayed here in a way that's much more detailed than I could provide in an answer here and the misconceptions and misunderstandings of the questioner can be resolved by self-education.
Edit as response to comment:
You have to use:
$ npm install --save #shoutem/theme
Inside your project directory.
You can follow read this documentation about Themes to better understand how to apply Theme styles to your own components.
If you want to edit specific components globally, you have to edit that component in:
node_modules/#shoutem/ui/components
Editing a file there will edit every iteration of the component throughout the app.
Today I have been using the sencha touch framework to build an mobile app. I was very impressed (like many others) with the fastbook app that they showed.
On the blog it says that sencha touch 2.2.0 uses a lot of techniques used in the fastbook app. However when I try their example they do not even come close to the responsiveness of fastbook. The transitions are not so smooth and if you tap their is the delay that most html5 apps have.
My question is can I somewhere find the sourcecode of fastbook? I would love to know how they did the "sidebar" navigation because that responds very "natively".
I am afraid that there is no way finding the sourcecode of Fastbook. Please read this link:
http://www.sencha.com/forum/showthread.php?255853-Fastbook-Source
It would have been wonderful had they released it. But, incase if you are very specific on implementing slide navigation (Facebook-like) in Sencha Touch. This link will be a great help:
http://innofied.com/simplest-slide-navigation-with-sencha-touch-2-2/
Many of the Fastbook techniques (including animationQueue) are in Touch 2.2 and more will be in Touch 2.3 - which is in beta right now. The smooth side bar animation uses multiple iframes, and that's a part of Fastbook that is not (and won't be) in Touch 2.x because the API is not compatible with Touch 2 conventions. We didn't release source because Jacky used an edge build to create the app that used an experimental MVVM. We didn't want people to use this code in their apps because it was undocumented and not production quality.
You can see a much longer description of how Jacky did Fastbook in his SenchaCon 2013 session, which we'll be posting soon.
Try this one:
Sencha Market Sidebar
I am trying to explore xcode 4.2, and now i am trying to build a simple book app using the page-based app template on xcode.
I actually have no idea how things go on page-based app. to practice i want to load 1 image (different image each page) in every page. it's just a simple picture look book just for me to learn and be familiar how will i able to work with page-based application.
I am a bit confused with it, i don't know where to start. how will i able to do that??
any links for reference? or books that tackles the page-based application??
There is a book by Wei-Meng Lee called 'Beginning iOS 5 Application Development" he has online source code free for book owners. It's located here: http://www.wrox.com/WileyCDA/WroxTitle/Beginning-iOS-5-Application-Development.productCd-1118144252,descCd-DOWNLOAD.html
In the FULL DOWNLOAD there is an app called UsingViews (UsingViews.zip). That app shows you how to move through views. I highly recommend purchasing his book. Very Helpful.
Apple Documentation is also very helpful as others have already pointed out.
The jQuery VideoControl is documented here:
https://developers.google.com/tv/web/lib/jquery/#gtv.jq.VideoControl
It takes a set of VideoParms. That are not specified.
It is used in the sample templates on this page:
https://developers.google.com/tv/web/docs/gtv-templates
I've taken apart the templates, but I'm having difficulty creating a simple example of a standalone video control. In the templates, the sidenav and carousel code are tied to how the videocontrol works. There is a relationship between the keyController and behavior (behaviorZones) that I can not find an explanation for.
Is there a standalone example somewhere? What needs to be setup with keycontroller, css, and behavior to get this going?
I'm not aware that there is a standalone videocontrol.js sample but it should be possible to set it up. Most of the necessary pieces are inside videocontrol.js, in particular in the videocontrol's constructor and this function: gtv.jq.VideoControl.prototype.makeControl.
keycontroller mapping is used to handling key inputs and some of the CSS are dynamically controlled within JS so there might be errors if you just rip them apart straight from the Template. You'd have to debug it using a solid tool like Chrome Developer Tools. You can watch tutorials of this tool here: http://www.youtube.com/results?search_query=chrome+developer+tools&oq=chrome+develop&aq=0&aqi=g3g-m2&aql=&gs_sm=3&gs_upl=1972l4015l0l6142l14l11l0l0l0l0l207l1476l3.5.3l11l0
Otherwise please send your error traces and/or code snippet for debugging help.
S