Thank you for use WebApps API.

If you have any questions that are beyond the API of this documentation, please feel free to contact.

Introduction

Welcome to the Cloud Management Suite API documentation.



NOTE
Diese API wird derzeit überarbeitet!
The CMS API allows you to develop own WebApps and services within the mdct Cloud in a simple way using conventional HTML standards. The WebApps allowing you to easily extend the Cloud Management Suite or create simple websites.

All WebApps can be aligned with the main design and fit perfectly into the environment. You can either develop online or locally, and then then upload the app. All of the functionality that you are familiar with in the Cloud Management Suite control panel is also available through the API, allowing you to script the complex actions that your situation requires.
The Cloud Management Suite is a fully featured premium Management Portal built on top of modern web technology HTML5, CSS3 and jQuery. The system is fully responsive and easy to customize. The basis code is easy to understand and gives you power to developer your own real web application.

Folder Structure

The basic system structure for your app, let's take a look:

 apps.cloud-m.de/
├──  id/
│       └── **yourapp**
├──  assets/
│       └── cms/
│            └── css/
│            └── fonts/
│            └── js/	
│            └── images/	
│            └── less/	
│            └── pages/	
│            └── plugins/
│       └── fontawesome/
│            └── font-awesome-*.*.*/
│       └── dokudesign/
│            └── css/
│            └── js/
└──  load/
        └── Search	
        
		

If your WebApp is "myapp.html", the adress will be "http://apps.cloud-m.de/id/myapp.html".


NOTE - NEW
You can find the "assets" folder on GitHub. (View)

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Please visit the official site if you are not familiar with it.
The Cloud Management Suite uses the bootstrap at a base and on top of it, the layout and some components are built.

CMS Design

The Cloud Management Suite is having a common and theme layout which can be used to create web application very easily. The html is well written and easy to understand


Download
View
Let's take a quick look at the generic HTML structure:


CSS & Less

Less is a CSS pre-processor and it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Less runs inside Node, in the browser and inside Rhino.

All the css files are pre-compiled using less compiler and provided inside the assets/css/ folder. In case if you are not familiar with less or don't have any environment setup which can be used to compile the less files, then you can use these CSS files directly. But if you are familiar with less, then I'll suggest you to use the less files.

Files are explained below:

File Description
bootstrap.css Ubold uses the bootstrap v3.3.5. The core bootstrap file is being used in all the pages.
elements.less This file is containing some of the utility functions or mixins for less. This file is from Joel Sutherland.
core.less/core.css This file is containing all common styles for all the pages.
pages.less/pages.css Pages contains the styles for all supported third-party JS/CSS plugins. It has overwritten version of styles.
components.less/components.css This is the one of the core and important file. It contains the styles for all the components, ui elements, and some other parts of the theme.
responsive.less/responsive.css This file is containing the styles related to responsiveness support.
icons.less/icons.css Combines various font icons. You should remove the fonts you don't plan to use from this file and recompile it.
menu.less/menu.css Contains styles for horizontal navigation bar. Please note that this for left sidebar, this file shouldn't being included in page.

Javascript

Ubold uses jQuery, Bootstrap JS framework(at its core) and some of the third-party plugins. There are may more third party plugin which you can use according to your needs. The css is already containing matching style for these plugins so you will not need to do anything around it.

Files are explained below:

File Description
jquery.js, bootstrap.js, jquery.nicescroll, jquery.slimscroll, etc. These files are used at core of the theme.
jquery.app.js This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc.
jquery.core.js This file contains the definition of some of the key components (e.g. notifications, portlet, etc) and code (for self-initialization) related to some of the controls (e.g. modal, range-slider, switchery, multiselect, etc)
pages/*.js These are the files containing pages specific code. They are mainly used for demo purpose.
plugins/**.js All supported and integrated third-party plugins are included in here.

Plugin's usage information

Show me

Helper Classes

Show me

Simple Design

The Cloud Management Suite is also having a simple layout which can be used to create web application very easily. The html is well written and easy to understand
You do not need any external content for this design.

Download
View
Let's take a quick look at the generic HTML structure:

Documentation Design

Our new clear design for documentation.

Download
View
We have a basic template for you:

Your Design

If you simply want to use your design, you can make it at any time.

Download
View
We have a basic template for you:

Using SSL / HTTPS

If you want to view your website via an SSL connection, change the URL to "https://apps.cloud-m.de".
There is no permanent https via HTTP-Statuscode 301 or 302.

Using Font-Awesome

We provide separate Font-Awesome directories:

4.7.0
Path: ../assets/fontawesome/font-awesome-4.7.0/css/font-awesome.min.css

<link rel="stylesheet" href="../assets/fontawesome/font-awesome-4.7.0/css/font-awesome.min.css">
													

Icons
Examples

Run WebApp

You can access WebApp via the Cloud Management Suite, click "Run WebApp" in the upper right menu and enter your WebApp ID.

Further on the following links:

HTTP
http://apps.cloud-m.de/load

HTTPS
https://apps.cloud-m.de/load

Online time & Costs

An app is free available for 30 days. After this period the app will automatically be removed, so there will be no costs for you.

Longer than 30 days.
You can upgrade to WebApps Pro. More.

Upload an entire directory.
This offer is currently not available.

Legal basis
The content must correspond to our usage conditions. This is checked by us

More information:
Productpage

More

Support & Help
Visit our Support page.

Feedback
Visit our Feedback-Center.

About the Cloud Management Suite
Visit the Productpage.

Changelog
Visit our GitHub Changelog.

Credits & Legal
Visit www.mdct-group.com/legal.