# Manage Files in Cloud Storage

FileManager provides a convenient way to connect and interact with major cloud storage services. Learn more about FileManager in MVC documentation.

## Content



File Manager control is represented by the [FileManager](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.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/dotnet-framework-api/C1.Web.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/dotnet-framework-api/C1.Web.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/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FileManager.CloudType.html) property which accepts the cloud name from the [CloudTypes](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.CloudTypes.html) enumeration.

![File Manager control integrating with the web storage and accessing a folder from the cloud storage](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/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-webapi/cloudservices.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
@(Html.C1().FileManager().Id("FileManager")
  .HostUrl("http://localhost:61712")
  .InitPath("C1WebApi/test1")
  .CloudType(CloudTypes.DropBox)
)
```


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