![]() Then, when the user clicks on the cart icon in the menu on the top, the ShoppingCart is displayed using While reviewing the products, the user can add desired products to the cart by clicking the “Add to Cart” button. The Grid is used in multiple places in the app: This page demonstrates not only how the Kendo UI components can be used together to achieve a great user experience while filtering items, but also is an example of how a complex filter can be created and used to filter the Kendo DataSource. Upon changing the selection in the widgets, the data in the ListView is filtered. On the left side of the Products page, different Kendo UI widgets, such as CheckBoxGroup, RadioGroup and Slider are displayed. The appearance of the different views is achieved by simply setting different values for the grid option of the ListView. Clicking on the icons displayed in the ButtonGroup placed next to the sorting DropDownList allows the user to change the views in the ListView. Shop and achieve a great user experience.Ībove the ListView, there is an external DropDownList where the user can select the sorting preferences. The Products page is a great example of how a ListView can be used along with the other Kendo UI components to display items in an online In both cases, a page with the products for the selected subcategory will be displayed. ![]() On the homepage, the user could select a “top pick” or select one of the main categories and then select a subcategory of products. ![]() Is used in order to style the content of the items. While the ScrollView on the top is loading static images, the Top Picks ScrollView is loading its data from a remote endpoint. Which Are the Main Components Used? ScrollViewĪfter the user is successfully logged in, on the homepage two ScrollViews will be rendered. Which allows you to integrate different types of reports in your web, cloud-based and desktop applications. The shop reports are created through Telerik Reporting, The Telerik UI for ASP.NET Core wrappers/Kendo UI for jQuery widgets with a combination with the Kendo UI Fluent Sass-based theme implement the application look and feel.Īn important part of the applications is the integration with Telerik Reporting. What Technologies Are Used?īoth e-shop applications are developed with ASP.NET Core MVC framework and Entity Framework Core and work with Microsoft SQL Server user database. The user can create multiple orders and review detailed order information and order invoice. Order by clicking the “Check-out” button. The shopping cart items can be transferred into an active Besides that, there is a shopping cart for each logged user. This functionality is a common requirement when developingĪnother useful feature is the selection of favorite products and exporting them in PDF format through the Favorites section. When the user opens a specified product, this product appears in the “Recently viewed” section on the homepage. The products page has an option for a grid or list view.Īlso, the products can be sorted by price or name filtered by discount, model, rating, price and weight or searched through the search menu available on each page.Įach product has its own details page and a list of similar products. The products in the e-shop are split into categories, and the complete product catalog can be downloaded in different formats through the “Download Product Catalog” on the homepage. This information can be edited and reviewed through the “Profile” section. The user can create an account, log in to the website and complete their account information, such as phone, password and shipping address. In this blog post, we will go into detail about how the applications are developed and what components and technologies are used. Reporting functionalities with Telerik Reporting. ![]() In addition, you will learn how to integrate The e-shop applications demonstrate how the Telerik UI for the ASP.NET Core and Kendo UI for the jQuery components can be used to create an online store. The following tables describe which properties and methods are removed and which are replaced with similar equivalents.Explore an e-shop application built with Telerik UI for ASP.NET Core and Kendo UI for jQuery, bolstered by the power of Telerik Reporting for things like invoicing and order reports. The MenuStrip control in your application will be converted to RadMenu. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |