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

ASP.NET Core ActionSheet TagHelper

Loading Demo...

EXAMPLE

VIEW SOURCE

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%; } .k-actionsheet-container > .k-overlay { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .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; }

ASP.NET Core ActionSheet TagHelper

Support & Learning Resources

Additional Resources