233 comments found.
hi there, is possible to get the psd?
Hi, there are no psd files available since the app uses the design of Ionic.
Hi, I found that following everything under instructions and there are no errror during the setup.. but after load grunt serve and opened up a browser which has nothing to shows..
the screen is blank.. so what should I do to fix?
node—version v0.12.7 npm—version 2.11.3 ionic—version 1.7.14 bower—version 1.7.7 grunt-cli v0.1.13 grunt v0.4.5
Hi, there is a chance that some libraries are not installed properly. Did you run bower install command? Secondly, can you share any console logs with us? Also, please, navigate in release folder and run ionic serve command. Does the app run? Are there any error messages?
Oh.. I found the reason. there is a few hidden file on mac which I havent copy over..
now I can use grunt serve to view.
but there are 2 minor problem..
1) I cannot use grunt platform:add:ios, it keep given me Warning: Task “platform:add:ios” failed. Use—force to continue.
Aborted due to warnings.
2) I cannot use the split screen grunt serve ??lab .. it give me error as follow: Warning: Task “??lab” not found. Use—force to continue.
any idea ?
Node version: v0.12.7 Cordova version: 6.0.0
Hi,
1: It may the particular platform is already added. In this case that is the message you should receive. Try to remove the platform and add it again by using the commands:
grunt platform:remove:ios
grunt platform:add:ios
2: Pay attention to the ”??” symbols. The proper command is
grunt serve --lab
Wow !! it works like charm!! Super helpful ! thanks..
HI skounis, what is the best way to create a menu to open an external url from inside the app (so that the menu and header still available). Thanks
Hi, on the home screen there is a “Visit us on Facebook” item which calls openFacebookPage function that uses openExternalUrl function to open an external facebook url to a new browser window. Is this what you are searching for? If not, please, give us a bit more details.
Hi all,
since i updated to actual version 2.16 i am getting the following error when trying to perform oauth with facebook and all other provided oauth helpers):
Unknown provider: $cordovaOauthProvider <- $cordovaOauth <- oauthFacebookService
i just changed Gruntfile.js with my new app id from facebook.
i am testing on ios simulator and webbrowser on localhost
Does anyone know this prolem already? any suggestions to get rid of this error
kr markus
Hi @mgrobbauer, when running the app on web browser is perfectly reasonable that you will not be able to test authentication with facebook as web browser cannot make use of the related plugin used for this purpose. Thus, you should test this feature on a simulator or a real device. Apart from this, we discovered that ngCordovaOauth module is not declared in the app.js file. This will be fixed very soon in our next release. Though, you could fix it on your own by adding this module in the app.js file under the app/scripts/ path as shown in the screenshot: https://drive.google.com/file/d/0B5d8Lqm1ViE1eG41bXNiNHNOU2s/view?usp=sharing
Can I setup this project to netbean (IDE) or Android Studio ? How to , Please Thank you
Hi, we recommend editing this project with any text editor for code such as Atom and Sublime. For running the app you can use Ionic CLI, Cordova CLI or Grunt. In the documentation, you can find instructions regarding the commands you will need in order to install, run and build the application. Though, there are some examples online of others who have imported an Ionic project on different IDEs.
Hi skounis team,
I’m interessed about this app, before to buy it I will like to make some questions, all right?
I will create a rss feed page for each blog and twitter account on my app.
My top concern turns around push notifications. My goal is send notifications for all users of app whenever a new post is published on any of my Twitter accounts or on any of my Blogs.
Push notifications is still somewhat unclear to me. Do I need to pay a service to send notifications?
Do I could insert a code in the application to provide notification whenever a new post to be sent?
Hi, the app just demonstrates an example of Ionic’s Push notification where a user can be identified, a device can be registered and a message can be sent after the user types it on the device. This example can be further expanded with some new code in order to accomplish the automation of push notifications according to your needs.
Hi i added a new JSON file for the news.service. The file in on my server but when i add the URL to the js file. then reload the add the news list becomes Blank? help plz
Hi, did you get any error messages in console? This could happen because of an invalid JSON file. Please, make sure the JSON structure is valid and let us know if the problem persists. There are a lot of online JSON validators if you would like to use one.
hello sir is this support rtl and arabic lang as well?
Hi, technically, rtl and arabic characters can be supported but we can’t really test the app for that as we do not know arabic language at all.
Hi, are you working for freelance? I have a project which we can to talk. How many cost you job? Are you working with ionic framework?
Now I have problem with auth facebook from inappbrowsers in IOS. Can you help me to fix it? I can pay.
Please check my reply to the same post you made in Business Directory app.
I try to setup barebone ionic on windows 10 machine and get the following error when I run ‘npm install’ in the barebone-ionic directory. please advice.
npm WARN install Couldn’t install optional dependency: Unsupported npm WARN EPEERINVALID karma-chai@0.1.0 requires a peer of chai@* but none was installed. npm WARN EPEERINVALID karma-mocha@0.2.1 requires a peer of mocha@* but none was installed. npm WARN EPEERINVALID karma-phantomjs-launcher@0.2.3 requires a peer of phantomjs@>=1.9 but none was installed.
Hi,
i just tried that in a Win10 box by using the latest 2.15 release of Barebone Ionic and it is finished properly
http://www.screencast.com/t/eIdmBuHhzNdABear in mind that there are two folder that are delivered to you. 1. A Grunt based project we are using for development [folder name: project/barebone-ionic” 2. An Ionic based app where any Grunt related dependency is stripped out and removed [folder: “release/barebone-ionic”].
http://www.screencast.com/t/VfqQoJCSYou should navigate into one of these two folders and run “npm install”
The configuration of the system used for this test is:
1. node v4.2.3 2. npm v2.14.7 3. ionic v1.7.14 4. bower v1.7..1
Also please note that Git, Bower, Grunt and SASS tools should also installed in your system. Please refer to the following article which describes how a Windows based system should be prepared for development
http://www.titaniumtemplates.com/node/48Do not hesitate to come back to us if you need any further assistance.
Thank you
npm install command, you should execute the following commands:
npm install chai@* npm install mocha@* npm install phantomjs@1.9
I can not get news to update when I do a refresh, I have to go to another page and then go back to the news before the new json data works.
Kind regards Karsten
Hi, if you check the articles.controller.js you will see the doRefresh()
This is the method which is called on “pull to refresh” action. You should add there the code that updates the array of the articles.
Hi there thanks for that. The code thats work for me (newbie to ionic):
function doRefresh() { setTimeout($scope.$broadcast(‘scroll.refreshComplete’), 16000); newsService.all(function(data){ vm.articles = data; }); }
Kind regards
Thank you for the update. Have a nice Ionic journey and do not hesitate to drop us a line when needed.
Hi, i just can’t get this template compiled 
. I am getting the following error when entering grunt serve:
grunt serve Loading “Gruntfile.js” tasks…ERROR >> Error: Cannot find module ‘shelljs’ Warning: Task “serve” not found. Use—force to continue.
Aborted due to warnings.
there was a discussion about the same, but weirdly it ended up in a private discussion between those guys.
can someone help me out here, 20$ for commandline errors is somehow useless in my op.
br markus
Hi,
did you ran npm install and ./install.sh so all the required nodej and javascript libraries to be installed?
If yes could you please run grunt serve --force and share with us the messages you are getting in the terminal window?
Please also mention the operating system you are using.
I upgraded the app to 2.15 and there is a pop-up that shows up to rate the app. This wasn’t in the previous version. How do I stop this pop-up?
Also, how do I change the color of the nav bar? I did it before, but I forgot where I changed it. The main.css file is so big.
2.15 is coming with a multiple color profiles/scheme. Please check the app / styles / main.scss and pay attention on how the theme files are loaded.
Yes, I followed the directions in the documentation and changed the theme, but it didn’t work for me when I did.
For example, I uncommented these lines:
@import "squaredark-var";@import "squaredark";There isn’t any further instructions in the docs, but I assume the changes would be made when you do a:
cordova build androidAnyway, I wanted to know the specific line of CSS where I can change the header color. I don’t really need a theme. I assume it’s in the main.css.
Don’t worry about the rating question. I figured out to uninstall the rate me plugin, so it seems not to display the rating anymore.
Hi, stable is the default colour for headers. Thus, a quick solution to your problem is to assign “stable” to the colour you want by uncommenting line 8 of main.scss file and defining a colour of your choice.
I’ve just noticed that the Android version of this app doesn’t work on a mobile connection (works on wi fi) when viewing the News or Galleries. There is an error that displays “No Internet Connection..”
It works fine on iOS either way.
Is there a way to fix this?
Keep in mind that I changed the “News” category to “Classes”
You can download the app here to test yourself:
https://play.google.com/store/apps/details?id=com.prismstudios.ctg&hl=enOK, I looked at the comments before this and see that this is a problem and you recommended upgrading to the latest version. I can say that updating the app to the newest version (2.15) clears this problem up.
I do have a couple of other questions though. I will post a new question.
Thank you for the update.
Hi, I have followed the instructions to the letter but i still cant get it to run on an ios simulator, I keep getting the error: clang: error: linker command failed with exit code 1 (use -v to see invocation) It runs fine in the browser though
Hi, could you please send me a direct message in order to arrange a live session? This is the first tine an error message like this is reported.
Hi there !
First of all, great job ! I am really interested in your app for my Wordpress website… But before purchasing I want to know if it’s easy to manage for beginers, since I have never developed an app for mobile…
Thank you !
Hi, it is a good collection of code paradigms and practices. I can’t however say that is the best start for an absolute beginner. We will be here however to help out.
Hi, thanks for building this and making it a reasonable price! I have read in the documentation how to add a new module (starting page 40 in PDF doc), so I’m reversing that to remove modules, since most of the functionality in the app is not needed by the first version of my app.
I’d like to keep the app as small as possible so that it can be downloaded from the app store quickly and take up as little space as possible. I realize that by using Cordova and Ionic I’m sacrificing this somewhat, but I’d like to still do my best.
Besides removing modules the way I described, what other steps can I do to keep the app small?
While you are removing the modules which functionality you are not need pay attention to the cordova plugins they are usitilizing. Then you should remove the related reference from the package.json file.
Once you finish with that remove the plugins and node_modules folder and run npm install again. This will install in the mentioned folder only the cordova plugins you are using and will reduce the overall size.
The same process could be made for the client side javascript libraries. bower.json and app/bower_components are the related file and the directory.
Please do not hesitate to come back to us for any further clarification.
Thanks, I’ve had great success in removing a lot of files and plugins. However, I am still running into a challenge… Despite having removed a lot of functionality that I don’t need, the app is about 50MB in size on iOS. I think this is because of unneeded files in the www/bower_components folder. (about 39MB)
Pretty much all of the folders in there have the same problem: They contain tons of files not needed. Documentation, SCSS files, uncompressed JS and CSS… One example is the ionic bower component which is 4.3MB but only 1.4MB is needed.
Is there a way to get bower to exclude these files? I go in and manually delete the ones I don’t need but then bower re-downloads them.
I’ve tried reviewing the grunt file, but I’m not a grunt expert and there are a lot of complex rules in there that I don’t understand.
Hi, as you deleted the unused plugins from the package.json file, similarly you could delete the unused libraries in bower.json file. The only reason why bower re-downloads these files is because the related libraries are still existent in this file. Also, please, make sure that you delete the bower_components folder and run bower install again. This will ensure that bower_components folder is updated and includes only the libraries you left in bower.json file.
Well, in this case, I actually want the modules. However, bower downloads stuff that I don’t need as part of my app. For example, the dos and sass files. Do you know a way to adjust the build scripts to only download the files needed for production deployment?
What bower downloads is controlled by the bower.json file. If there are libraries not mentioned there but downloaded then these are dependencies for other that are mentioned.
Could you provide us an example of a library that is downloaded by non needed?
Thank you
Hi clang: error: linker command failed with exit code 1 (use -v to see invocation)
can you help me
Hi, could you please provide us some more insight about this.
The operating system you are using, The command you are running an the console messages you are getting.
On page 21 of the documentation, you explain how to configure a Facebook app in order to authenticate your app using Facebook. However, the Facebook setup pages have changed such that there is no “Website” section under “Open Graph.” There is no place to fill in “Site URL” or “Mobile Site URL” as shown in the documentation. Can you please give us the updated setup information for Facebook?
Solved my own problem:
Visit Facebook Developers (https://developers.facebook.com)
Click Apps > Create a New App in the navigation bar
Enter Display Name, then choose a category, then click Create app
Click on Settings on the sidebar, then click + Add Platform
Select Website
Enter http://localhost for Site URL
Thank you for your comment. There are some slight changes regarding the configuration of a Facebook app. Indeed, the changes are pretty much what you mentioned and we will improve the documentation shortly.
I’m getting a blank screen when trying to run bower serve (after following the installation instructions). The error in the console is:
0 728020 error SyntaxError: Unexpected EOF, http://localhost:8100/bower_components/ionic-service-core/ionic-core.js, Line: 159 1 728021 error SyntaxError: Unexpected end of script, http://localhost:8100/bower_components/ionic-service-push/ionic-push.js, Line: 208 2 728032 error SyntaxError: Unexpected end of script, http://localhost:8100/bower_components/firebase/firebase.js, Line: 179 3 728165 error Error: [$injector:modulerr] Failed to instantiate module starter due to: [$injector:modulerr] Failed to instantiate module ionic.service.core due to: [$injector:nomod] Module ‘ionic.service.core’ is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
Versions I’m using:
ionic 1.7.12 node v0.12.7 npm 2.11.3 grunt-cli v0.1.13 grunt v0.4.5 bower 1.7.1
Hi,
bower serve is not a valid command. You should install the required libraries and plugins (see documentation where the steps are mentioned)
Then you should be able to start the app by using
grunt serve
Sorry, that was a typo. I was using grunt serve. I still get this:
1 070483 error SyntaxError: Unexpected end of script, http://localhost:8100/bower_components/ionic-service-push/ionic-push.js, Line: 208 0 070478 error SyntaxError: Unexpected EOF, http://localhost:8100/bower_components/ionic-service-core/ionic-core.js, Line: 159 2 070498 error SyntaxError: Unexpected end of script, http://localhost:8100/bower_components/firebase/firebase.js, Line: 179 3 070644 error Error: [$injector:modulerr] Failed to instantiate module starter due to: [$injector:modulerr] Failed to instantiate module ionic.service.core due to: [$injector:nomod] Module ‘ionic.service.core’ is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
Ok, when I go through the installation, I notice that the files all look truncated. When I look at ./www/bower_components/ionic-service-core/ionic-core.js, the file ends at line 159 like this:
var script = scripts[i].getAttribute('src');
if(script) {
var parts = script.split('/Hi,
Could you please delete the [www] and run “grunt build”?
This folder is always generated based on the content of the [app] directory.
If I delete [www] then run grunt build (I have to add—force) then it rebuilds the files the same way, and ionic-core.js is truncated at the same spot. It looks like all the core files are truncated.
Could you please post here the message you are getting due it you have to add—force?
Running “build” task
Running “clean” task >> Error: Current working directory is not a Cordova-based project. Warning: Task “clean” failed. Use—force to continue.
Aborted due to warnings.
Ok, if I manually create the www folder then it doesn’t ask me to—force.
rm -r www
mkdir www
grunt build
then it completes just fine. But all the files are still truncated as before.
The files you are reporting that are truncated, are libraries downloaded during the setup process. These files initially are placed into the directory [app/bower_components]. Build process is placing them under the [app] folder.
We need to figure out if these files become truncated during the former or the latter step.
Please follow these steps
1. Delete the [app/bower_components] folder 2. Delete the [www] folder 3. Replace the package.json file with a fresh copy of it by using the package.json.local as your source 4. Run npm install 5. Run install.sh
Then please check again the which currently are reported as truncated. Check them in both locations [app/bower_components] and [www/bower_components]
You could also sent me a direct message in order to for us to examine your issue further.
Thank you
I followed these instructions and both copies of the files are truncated (both in www/ and in app/ locations.) How can I send you a direct message?
As per our direct communication, this could be consider as resolved, right?
Yes, everything is now great! Thank you so much for your help!
