Progress will discontinue Telerik Platform on May 10th, 2018. Learn more

Add New Frameworks in Your App

Filter by IDE
Select the Progress AppBuilder client you are currently using for development.

IDE

You can add the Kendo UI Core, Kendo UI Professional, Bower packages or third-party frameworks to improve your development.

You can quickly install Bower packages and their dependencies via your own bower.json files. This operation is available only in the in-browser client and the classic Windows desktop client.

Prerequisites

  • Verify that your preferred AppBuilder client is running and you are logged in.
  • Verify that you have opened the code for your app in AppBuilder.
  • If you want to install Bower packages and their dependencies from a bower.json file, verify that your bower.json file complies with the Bower specification. For more information, see bower.json in the Bower documentation and the bower.json specification in GitHub.

Procedure

In-Browser

Add Kendo UI Core or Kendo UI Professional

  1. In the Project Navigator, right-click the second node from the top and select Manage Packages.
  2. In the Kendo UI tab, review the list of available framework versions.
  3. Select the framework version that you want to use in your app and click Install.
    The Verified tag marks stable Kendo UI Service Pack releases.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Bower Packages with the Manage Packages Wizard

  1. In the Project Navigator, right-click the second node from the top and select Manage Packages.
  2. In the Bower tab, in the Search text box, start typing the name of the package that you want to use.
  3. Select the package that you want to use in your app and click Install.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Bower Packages via bower.json

  1. Add bower.json in the root of your app.
    Verify that your bower.json file complies with the Bower specification and that you place it in the root of the app.
  2. In the Project Navigator, right-click bower.json and select Install dependencies.
  3. Wait for the operation to complete.
    AppBuilder installs the Bower packages in the bower_components folder in the root of your app.
  4. Reference the code libraries in your app.

Add Other Third-Party Frameworks

  1. Download the code libraries for the framework version that you want to use.
  2. If the code libraries are archived, unpack the archive on your local file system.
  3. In the Project Navigator, right-click the folder that contains the code libraries and select AddExisting Files.
  4. Drag and drop the framework files to the drop files here to upload text box.
  5. Click Upload.
  6. Reference the code libraries in your app.

Universal

Add Kendo UI Core or Kendo UI Professional

  1. In the Project Navigator, right-click the second node from the top and select Manage Packages.
  2. In the Kendo UI tab, review the list of available framework versions.
  3. Select the framework version that you want to use in your app and click Install.
    The Verified tag marks stable Kendo UI Service Pack releases.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Bower Packages with the Manage Packages Wizard

  1. In the Project Navigator, right-click the second node from the top and select Manage Packages.
  2. In the Bower tab, in the Search text box, start typing the name of the package that you want to use.
  3. Select the package that you want to use in your app and click Install.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Bower Packages via bower.json

  1. Add bower.json in the root of your app.
    Verify that your bower.json file complies with the Bower specification and that you place it in the root of the app.
  2. In the Project Navigator, right-click bower.json and select Install dependencies.
  3. Wait for the operation to complete.
    AppBuilder installs the Bower packages in the bower_components folder in the root of your app.
  4. Reference the code libraries in your app.

Add Other Third-Party Frameworks

  1. Download the code libraries for the framework version that you want to use.
  2. If the code libraries are archived, unpack the archive on your local file system.
  3. In the Project Navigator, right-click the folder that contains the code libraries and select AddExisting Files.
  4. Drag and drop the framework files to the drop files here to upload text box.
  5. Click Upload.
  6. Reference the code libraries in your app.

Windows

Add Kendo UI Core or Kendo UI Professional

  1. In the Project Navigator, right-click the second node from the top and select Manage Packages.
  2. In the Kendo UI tab, review the list of available framework versions.
  3. Select the framework version that you want to use in your app and click Install.
    The Verified tag marks stable Kendo UI Service Pack releases.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Bower Packages with the Manage Packages Wizard

  1. In the Project Navigator, right-click the second node from the top and select Manage Packages.
  2. In the Bower tab, in the Search text box, start typing the name of the package that you want to use.
  3. Select the package that you want to use in your app and click Install.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Bower Packages via bower.json

  1. Add bower.json in the root of your app.
    Verify that your bower.json file complies with the Bower specification and that you place it in the root of the app.
  2. In the Project Navigator, right-click bower.json and select Install Dependencies.
  3. Wait for the operation to complete.
    AppBuilder installs the Bower packages in the bower_components folder in the root of your app.
  4. Reference the code libraries in your app.

Add Other Third-Party Frameworks

  1. Download the code libraries for the framework version that you want to use.
  2. If the code libraries are archived, unpack the archive on your local file system.
  3. Drag and drop the framework files to the Project Navigator.
  4. Reference the code libraries in your app.

Visual Studio

Add Kendo UI Core or Kendo UI Professional

  1. In the Solution Explorer, right-click your app and select Manage Packages.
  2. In the Kendo UI tab, review the list of available framework versions.
  3. Select the framework version that you want to use in your app and click Install.
    The Verified tag marks stable Kendo UI Service Pack releases.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Bower Packages with the Manage Packages Wizard

  1. In the Solution Explorer, right-click your app and select Manage Packages.
  2. In the Bower tab, in the Search text box, start typing the name of the package that you want to use.
  3. Select the package that you want to use in your app and click Install.
  4. Confirm and wait for AppBuilder to complete the process.
  5. Close the wizard.
  6. Reference the code libraries in your app.

Add Other Third-Party Frameworks

  1. Download the code libraries for the framework version that you want to use.
  2. If the code libraries are archived, unpack the archive on your local file system.
  3. Drag and drop the framework files in the Solution Explorer.
  4. Reference the code libraries in your app.

CLI

Add Kendo UI Core or Kendo UI Professional

  1. In the command prompt, navigate to the directory that contains your app.
  2. Run the following command.

    appbuilder kendoui install
    

    The command-line interface lists the available Kendo UI Core and Kendo UI Professional framework packages.
    The Verified tag marks stable Kendo UI Service Pack releases.

    TIP: Set the --latest and the --verified flags to list the latest stable Kendo UI Service Pack releases.

  3. Enter the index of the package that you want to use and press Enter.
  4. Press y to confirm and press Enter.
  5. Reference the code libraries in your app.

Add Bower Packages

  1. In the command prompt, run the following command to install Bower, if not installed.

    npm install -g bower
    
  2. In the command prompt, navigate to the directory that contains your app.
  3. Run the following command.

    bower install "The name of the Bower package"
    
  4. Reference the code libraries in your app.

Add Other Third-Party Frameworks

  1. Download the code libraries for the framework version that you want to use.
  2. If the code libraries are archived, unpack the archive on your local file system.
  3. On your local file system, copy the framework files to your app.
  4. Reference the code libraries in your app.

Next Steps

Build and re-deploy your app on devices.

See Also

Start a free trial Request a demo
Contact us: +1-888-365-2779
sales@telerik.com
Copyright © 2016-2017, Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.