New to Telerik UI for ASP.NET Core? Download free 30-day trial

ASP.NET Core Editor RTL Support

Loading Demo...

EXAMPLE

VIEW SOURCE
EDIT IN
- Telerik REPL

Also available for:

One of the Most Beautiful Islands on Earth - Tenerife
 
 
 
 
 Overview
 
 
 
 Tenerife is the largest and most populated island of the eight <a href="https://en.wikipedia.org/wiki/Canary_Islands" target="_blank"> Canary Islands</a>. It is also the most populated island of Spain, with a land area of 2,034.38 square kilometers(785 sq mi) and 904,713 inhabitants, 43 % of the total population of the Canary Islands. The archipelago's beaches, climate, and important natural attractions make it a major tourist destination with over 12 million visitors per year.
 
 
 <img src="/aspnet-core/shared/web/editor/tenerife.png" style="float: right;" alt="" width="350" height="206" />
 
 
 Trip Highlights in Tenerife
 
 
 <ul>
 <li>
 Trip to Loro Parque Our top tip is to visit the famous Loro Parque or 'Loro Park. It is a 13.5-hectare zoo on the outskirts of Puerto de la Cruz in Tenerife, Spain where it houses an extensive and diverse reserve of animal and plant species.
 
 
 </li>
 <li>
 Whale and Dolphin Watching Tour  Another great option is to take boat excursion with almost guaranteed sightings of whales and dolphins. This is a day-long trip that includes lunch, island visits, fishing, and amazing views of ocean sceneries.
 
 
 </li>
 <li>
 Teide National Park Stargazing Last, but not least you can take a stargazing trip to Teide National Park, the 3rd best place in the world to view stars and described by NASA as a window to the universe.
 
 </li>
 </ul>
 
 
 Climate 
 
 <table style="width:100%;height:225px;text-align:center;">
 <tbody>
 <tr style="height:20%;background-color: rgb(96,173,94);">
 <td style="width:473px;text-align:center; font-size:medium; color: rgb(255,255,255);" colspan="14">
 Climate Data for <a href="https://en.wikipedia.org/wiki/Santa_Cruz_de_Tenerife" target="_blank"> Santa Cruz de Tenerife</a>
 </td>
 </tr>
 <tr style="height:9.33333%;">
 <td style="width:230px;">
 Month 
 </td>
 <td>Jan</td>
 <td>Feb</td>
 <td>Mar</td>
 <td>Apr</td>
 <td>May</td>
 <td>Jun</td>
 <td>Jul</td>
 <td>Aug</td>
 <td>Sep</td>
 <td>Oct</td>
 <td>Nov</td>
 <td>Dec</td>
 <td>Year</td>
 </tr>
 <tr style="height:23%;">
 <td style="width:230px; color: rgb(46,125,50);">
 Daily mean °C (°F)
 </td>
 <td style="">18.2 (64.8) </td>
 <td style="">18.3 (64.9) </td>
 <td style="">19.0 (66.2) </td>
 <td style="">19.7 (67.5) </td>
 <td style="">21.0 (69.8) </td>
 <td style="">22.9 (73.2) </td>
 <td style="">25.0 (77.0) </td>
 <td style="">25.5 (77.9) </td>
 <td style="">24.9 (76.8) </td>
 <td style="">23.4 (74.1) </td>
 <td style="">21.3 (70.3) </td>
 <td style="">19.4 (66.9) </td>
 <td style="">21.5 (70.7) </td>
 </tr>
 <tr style="height:23%;">
 <td style="width:px; color: rgb(46,125,50);">
 Average rainy days (≥ 1.0 mm)
 </td>
 <td style="">8.0</td>
 <td style="">7.2</td>
 <td style="">6.9</td>
 <td style="">5.5</td>
 <td style="">2.9</td>
 <td style="">0.9</td>
 <td style="">0.2</td>
 <td style="">0.8</td>
 <td style="">2.7</td>
 <td style="">6.1</td>
 <td style="">8.8</td>
 <td style="">9.4</td>
 <td style="">59.4</td>
 </tr>
 <tr style="height:23%;">
 <td style="width:230px; color: rgb(46,125,50);">
 Mean monthly <a href="https://en.wikipedia.org/wiki/Sunshine_duration" target="_blank"> sunshine hours</a> 
 </td>
 <td style="">178</td>
 <td style="">186</td>
 <td style="">221</td>
 <td style="">237</td>
 <td style="">282</td>
 <td style="">306</td>
 <td style="">337</td>
 <td style="">319</td>
 <td style="">253</td>
 <td style="">222</td>
 <td style="">178</td>
 <td style="">168</td>
 <td style="">2,887</td>
 </tr>
 </tbody>
 </table>
 
 *The data used in this demo is taken from <a href="https://wikipedia.com" target="_blank"> wikipedia.com </a>. 
 **The displayed photos are sourced from <a href="https://pixabay.com" target="_blank"> pixabay.com </a>

Description

Right-to-Left (RTL) support represents the ability of a library, website, or application to handle and respond to users who communicate through right-to-left languages. Right-to-left languages are Arabic, Hebrew, Chinese, Japanese, and others.

The default language input for web users can be left-to-right or right-to-left. The Telerik UI for ASP.NET Core Editor supports both input modes enabling you to properly render a spectrum of languages, including Hebrew, Chinese, and Arabic, thus making your app a truly global one and helping your localization efforts.

The Telerik UI for ASP.NET Core Editor component comes with built-in right-to-left (RTL) support and offers right-to-left rendering.

This demo shows how to register the kendo.rtl.min.css file located in the Kendo.Mvc.Examples\Content\web installation folder, and wrap the Editor in a container element with k-rtl class set for it.

For more information on the right-to-left support of the Core components, refer to the article about accessibility.

Additional Apps

This Editor example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

ASP.NET Core Editor RTL Support

Description

Additional Apps

Support & Learning Resources

Additional Resources