For AI agents: the complete documentation index is available at https://docs.dataplatform.ovh.net/llms.txt, the full documentation bundle is available at https://docs.dataplatform.ovh.net/llms-full.txt, and this page is available as Markdown at https://docs.dataplatform.ovh.net/app-services-apps-extensions.md.
  • πŸ‡¬πŸ‡§ English

    • Add features to your application with extensions

    Extensions are a list of packages, accessible through the extensions tab, which can provide your application with additional features

    Objective

    Extensions are a list of packages, accessible through the extensions tab, which can provide your application with additional features, such as a third-party chart software, translation services, or dynamic parameters.

    Manage your extensions

    The Extensions tab of the APP Manager lets you view and manage the different supported libraries:

    Manage your extensions β€” App extensions
    • Add extensions that you need for your Project
    • Configure Global settings for the extension, where applicable
    • Delete extensions that are already installed if they are not necessary, or if you need a new version of the library.
    • Get more information concerning extensions linked to external libraries.
    • Import an open-source or proprietary Project-specific or organization-specific extension
    Warning

    Adding an extension requires you to reload your app (on the Overview page) in order to be able to build it.

    Customize the extensions

    Each extension within the Data Platform marketplace has its own specific configuration in a JSON file that you can edit and customize.

    Hands-on tutorial on configuring extensions

    Available extensions

    Four types of extensions are available: system extensions, platform utilities, dynamic parameters and charts libraries.

    System extensions

    These extensions are the core part of the Data Platform SDK to build applications. They should always be installed.

    IdentifierNameDescription
    apiApiMake queries to the API of your front-end application
    chartGraphiqueLoad a chart
    core-uiCore UIThis component includes graphic components necessary to the app creation
    dashboardingDashboardingBuild a dashboard
    dynamic-parameterParamètre dynamiqueA core component to use radio buttons, datepicker, selectbox...
    formatterFormatterAllows you to format data extracted from your project
    menuMenuBuild navigation menus
    query-builderQuery builderMake queries to the Analytics Manager via an API
    sdkSDKDevelopment kit essential for the good operation of the other extensions
    storeStoreAdd a data store to your application. Essential to the development of modern JavaScript application
    toasterToasterDisplay messages as toast at the bottom of the screen
    translateTranslateThis is the translation system for the app
    xhrXhrMake queries to various APIs
    webpackWebpack builderAn application builder used to make all extensions work together
    Platform utilities

    These extensions manage other Platform services but they are not 100% required to create an application.

    IdentifierNameDescription
    client-authority-managerIdentity Access ManagerPlug the Platform authentication manager
    Dynamic parameters

    These are all the possible dynamic parameters you can use to dynamically filter values in applications.

    Find more information about dynamic parameters here:

    IdentifierNameDescription
    dynamic-parameter-datepickerDate range selectionSelect a date range
    dynamic-parameter-selectboxSelect BoxChoose value(s) in a list box
    dynamic-parameter-checkboxCheckboxChoose value(s) as check boxes
    dynamic-parameter-radioRadioChoose value though radio buttons
    dynamic-parameter-toggleToggleChoose value though an On/Off toggle
    Charts libraries

    These extensions helps integrate chart libraries to render data visualization.

    Find more information about chart libraries here:

    IdentifierNameDescription
    chart-tableChart tableDisplay as a table
    chartistChartist JSGraphic responsive and easy-to-use library
    chartjsChartJsJavaScript Graphic library, flexible for designers and developers
    echartsEchartsA very advanced graphical library that has all the tools you will need.
    google-chartGoogle ChartGoogle graphical tools are powerful, easy to use and free
    jvectormapJVectorMapAdd interactive SVG cards to your dashboards
    morrisMorris ChartMorris Chart
    rechartsReChartsReCharts

    Ready to move on? Discover the next tab of the APP component:

    Next article: Menu

    Go further

    If you need training or technical assistance to implement our solutions, contact your sales representative or click on this link to get a quote and ask our Professional Services experts for a custom analysis of your project.

    Ask questions, give your feedback and interact directly with the team building the Data Platform on the dedicated Discord channel.

    If you need support with your OVHcloud services, create a request in our Help Centre.

    Join our community of users.