Appbuilder with IONIC framework

[Bala Chandra V]

Hello, I am developing cross platform app using ionic framwork and cordova.

Using ionic framwork, if you create a new project using commandline ">ionic start HellWorld", it creates project tree structure with all necessary files. So how can I load all these files to Appbuilder? Do I need to add all the generated files manually?

Thanks in advance. FYI, I am using APPBUILDER windiws client.

[Kaloyan]

Hello Bala Chandra V,

The short answer is yes, you will have to add all the ionic generated files manually, following the AppBuilder project structure.

However, the above is not exactly as it sounds. Here is what I did in order to adapt the sample ionic tabs project:

1. I created a tabs sample project via the command line, using the $ ionic start myApp tabs command;
2. Then, I navigated to the www folder of the above projects directory (e.g., C:\myApp\www\);
3. There, I archived all of the content. This generated a file, in my case myApp.zip;
4. Having the above zip file, I could easily import it to an AppBuilder project.

Note, if your ionic project uses various plugins, you will need to add them to the AppBuilder project as well.

I hope this helps.

Regards,
Kaloyan
Telerik

 

 

[Kendrick]

I have noticed that range sliders do not work in the Telerik Simulator using ionic framework

[Zdravko]

Hello Kendrick,

Can you provide us some details about he slider you are using?
A sample code or project would be highly appreciate it.

Notice that our Simulator does not behave like emulator and there could be some limitations. However we are willing to fix such so we will await additional information on the matter.
Thanks.

Regards,
Zdravko
Telerik

 

 

[Aswin]

Hi kaloyan,

I am also trying to use telerik app builder for my ionic app. So i have to create a telerik app in the visual studio?

[Aswin]

Hi Kaloyan,

I am also trying to use telerik app builder for my ionic app. I have created the ionic app from the command prompt (cmd) using ionic start command. So inorder to use app builder for building the app , we have to create a telerik app in the visual studio?

[Aswin]

Hi kaloyan,

I am also trying to use to telerik app builder for my ionic app created from cmd. I have some queries regarding the same.

1. So can i have to take the zip of only www folder right? 
2. Can i have to create a telerik platform project? If yes what template we have to create.
3. How to include the zip into the newly created telerik platform

[Anton Dobrev]

@Aswin

You may consider following the procedure from this blog post to combine both toolings.

1. Usually the root of the project you are seeing in the AppBuilder clients corresponds to the www folder.
2. I'd suggest that you create a blank project and manually add your files.
3. Usually you can import an AppBuilder project and restore if from ZIP as explained here. However, I am not sure if this will succeed with an Ionic project, but you can try with creating a project from the blank template and manually readjust the files with your Ionic project files.

You may also need to import any plugins. Please examine how to work with plugins in AppBuilder.

I hope this helps.

Regards,
Anton Dobrev
Telerik by Progress