# Manage Files in Cloud Storage

## Content



File Manager control is represented by the [FileManager](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FileManager.html) class. The **FileManager** class allows you to host the Url of the machine which hosts the server using the [HostUrl](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FileManager.HostUrl.html) property and define the initial path of the root folder from cloud container folder using the [InitPath](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FileManager.InitPath.html) property. As it supports multiple clouds, it also allows you to choose the type of cloud service to support according to your requirements using the [CloudType](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FileManager.CloudType.html) property which accepts the cloud name from the [CloudTypes](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.CloudTypes.html) enumeration.

![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/filemanager.png)

The following example demonstrates the File Manager control integrating with the DropBox cloud and accessing a folder from our DropBox account. Hence, the InitialPath key is set as "C1WebApi/test1" here. If you have already configured a Cloud WebAPI service, use the host url, folder path and type of your cloud service in the following code. In case, you have not configured any Cloud WebAPI service, see [Cloud Services](https://developer.mescius.com/componentone/docs/webapi/online-webapicore/cloud-services.html) to configure a Cloud API.


> type=note
> **Note**: In order to connect to the cloud services, you need to configure the connection string and include all the other related information in the Web.config file.

**View Code**

```razor
<c1-file-manager id="FileManager" host-url="http://localhost:61712" init-path="C1WebApi/test1" cloud-type="DropBox">
</c1-file-manager>
```


> type=note
> **Note**: In order to work with FileManager, you require [Bootstrap library](https://getbootstrap.com/).