Skip to content

Files

Latest commit

Nov 13, 2023
88dbaa0 · Nov 13, 2023

History

History
45 lines (33 loc) · 2.63 KB

File metadata and controls

45 lines (33 loc) · 2.63 KB
title page_title description slug tags published position CTAControlName
Overview
Overview
RadFluidContentControl is a flexible content control used to built responsive layouts.
fluidcontentcontrol-overview
overview
true
0
RadFluidContentControl

{{ site.framework_name }} FluidContentControl Overview

RadFluidContentControl is a flexible content control used to build responsive layouts. In its nature the control is a ContentControl, but instead of a single content it can define three that can be switched under specific conditions. By default the condition is the size of the control. So, you can show different content based on the size of the application.

{% if site.has_cta_panels == true %} {% include cta-panel-overview.html %} {% endif %}

radfluidcontentcontrol-overview-01

Key Features

  • Flexible content switching: The control allows you to easily switch between the three content views (small, normal and large). The switching happens if the control reaches a specific resolution or if you manually set up the current state.

  • Customizable transition animation: RadFluidContentControl comes with a transition animation support. Additionally, you can define a custom transition to enrich the user experience. Read more about this in the [Transitions]({%slug fluidcontentcontrol-transitions%}) article.

  • Data binding support: The control provides several bindable properties for the different contents along with corresponding ContentTemplate properties. Read more about this in the [Data Binding]({%slug fluidcontentcontrol-data-binding%}) article.

tip Get started with the control with its [Getting Started]({%slug fluidcontentcontrol-getting-started%}) help article that shows how to use it in a basic scenario.

{% if site.site_name == 'WPF' %}

Telerik UI for WPF Support and Learning Resources

See Also

  • [Integration Examples]({%slug radfluidcontentcontrol-integration-examples%})
  • [Events]({%slug fluidcontentcontrol-events%})