Overview

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Kendo UI Dojo
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

index.php

Also available for:

API REFERENCE

Current City

Rome

Capital of Italy

Rome is a sprawling, cosmopolitan city with nearly 3,000 years of globally influential art, architecture and culture on display.

Ancient ruins such as the Forum and the Colosseum evoke the power of the former Roman Empire.

.demo-view { transform: scale(1); overflow: hidden; } .k-actionsheet-container { width: 100%; height: 100%; z-index: 1; } .k-animation-container { width: 380px; } .cards-container { display: flex; flex-wrap: wrap; justify-content: center; } .k-card { width: 285px; margin: 5%; } #openActionSheetBttn { margin: 0 auto; display: block; } .demo-app { margin: auto; width: 380px; height: 814px; background: #FFFFFF; box-shadow: 0px 10px 20px #00000016; border-radius: 30px; font-family: 'Roboto', sans-serif; font-size: 14px; } .demo-app .title { width: 100%; } #city { background: #F9F9F9; height: inherit; width: inherit; border-radius: 30px; border: 10px solid white; box-sizing: border-box; } .demo-app h3 { padding-top: 24px; text-align: center; font-size: 28px; letter-spacing: 0.28px; color: #3D57D8; font-weight: 400; }

The ActionSheet component is part of Telerik UI for PHP, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Description

This demo shows how to use Kendo UI ActionSheet. The widget is a dialog that pops up and displays a set of options. It appears on top of the app's content, and must be manually dismissed by the user before they can resume interaction with the app.

Overview

Description

Support & Learning Resources

Was this demo helpful?

Tell us how we can improve this demo