This document summarizes new features and updates in Telerik UI for ASP.NET AJAX in Q2 2015, including adaptive rendering for mobile, light-weight rendering for improved performance, multi-page PDF export in the client export manager, HTML chart customization, and an upcoming new theme builder. Key updates are improved mobile experiences for controls like RadEditor and new light-weight rendering approaches and controls.
A talk given to the AOP Product Group, discussing the challenges with producing digital magazines that work across all devices. The problem is not delivery, but workflow. I talk about some of the design thinking and techniques that we have used to address this problem with Padify.
Sencha Auckland Conference (SenchaCon) AdvanceRetail PresentationAndrew Bell
Retail Technology Trends & Embracing Change as an ISV discusses some of the emerging trends in the field of retail technology and showcases how AdvanceRetail Technology Ltd has evolved from using pure Microsoft based technology solutions to embracing a heterogeneous technology solution stack that includes HTML5 JavaScript frameworks from Sencha
Testing Design System Changes Across Your Application -- Intuit Use Case -- w...Applitools
** Full webinar recording -- https://youtu.be/Fghrui7Xbcw **
Design systems are one of the most popular new ways to create and document the UI building blocks that make up a product.
Component-based frameworks -- such as React, Angular, and Vue -- have taught teams to break apart their application interface into reusable pieces, while projects like Storybook have allowed us to document and test these components at scale.
What happens when you make design changes using a central system, instead of individual screens? How do you make changes with confidence when your update impacts every screen in the product?
In this webinar, Tyler Krupicka -- Senior Software Engineer @ Intuit -- shared how Intuit tests design system changes for TurboTax, a product with thousands of reconfigurable screens that share a common design language.
He also discussed why design systems have become so important to his team, the tools his team uses, as well as providing a deep dive on how Intuit routinely changes thousands of screens simultaneously.
Watch Tyler in this in-depth live session, and discover:
(1) What are design systems, and how they can help you build consistent experiences
(2) How Intuit uses design systems to build thousands of unique screens in TurboTax
(3) How we test and release widespread changes with confidence in:
(3-i)Performance
(3-ii) Accessibility
(3-iii)Visual Consistency
(4) How you can build and maintain your own design system at scale
Smarter HATS web application that automatically respond according to the scre...Royal Cyber Inc.
Experience the art of our unique HATS Responsive Design development that adjust automatically to any resolution, making the system best fit for all the devices and platforms. Inquire more: http://bit.ly/1d0Gj2A
What is JET?
*Oracle’s JavaScript Extension Toolkit (JET)
*‘Mobile First’ UI framework
*Based on modern JavaScript, CSS3 & HTML5 design & development principles
*Provides a clean, streamlined UX
*Open-source & Oracle-contributed JavaScript libraries make it simple to build & extend cloud-based, client-side applications
*Will replace all legacy UIs as CPQ’s modern standard for UIs
What's new in Host Access Transformation Services from IBM Rational version 8: including new Dojo widgets, new templates, JAX-RS REST based web services. Also new support for the iPad.
Introduction to Android Development.pptxasmeerana605
Android development is the process of creating applications for devices that run on the Android operating system. With over 2.5 billion monthly active devices globally, Android offers a vast and diverse user base for developers to target. Learning Android development involves mastering the principles of Java or Kotlin programming languages, as well as understanding the Android SDK (Software Development Kit) and other relevant tools provided by Google.
Beginners in Android development typically start by learning the fundamentals of programming, such as variables, loops, conditionals, and functions. From there, they delve into more advanced topics specific to Android, such as activities, fragments, intents, layouts, and views, which are essential components for building user interfaces and navigating between screens.
As developers progress, they explore topics like handling user input, accessing device hardware features like the camera and sensors, working with databases to store and retrieve data, integrating APIs for services like maps, notifications, and authentication, and optimizing performance and battery efficiency of their apps.
Android development is not easy and requires a lot of tools to get started. This presentation aims to give an overview of what to expect as a new developer, which tools you will use and explains the minimum knowledge to get started with your first android application.
Running C# in the browser with the Blazor framework needs JavaScript libraries to be successful. In this session well explore the JavaScript Interop for Blazor to see where great libraries can accelerate the platform. We'll learn how you can play a critical role in building a rich ecosystem and extend your skills as a JavaScript developer to share in the success of your .NET team mates.
Blazor Stability Testing Tools for Bullet Proof ApplicationsEd Charbeneau
.NET in the browser may sound like Blazor's strength, however the story of Blazor testing may just be its biggest potential upside. In this session we'll discuss what makes Blazor an ideal candidate for: Unit Testing, Integration Testing, and Automated System Testing.
A talk given to the AOP Product Group, discussing the challenges with producing digital magazines that work across all devices. The problem is not delivery, but workflow. I talk about some of the design thinking and techniques that we have used to address this problem with Padify.
Sencha Auckland Conference (SenchaCon) AdvanceRetail PresentationAndrew Bell
Retail Technology Trends & Embracing Change as an ISV discusses some of the emerging trends in the field of retail technology and showcases how AdvanceRetail Technology Ltd has evolved from using pure Microsoft based technology solutions to embracing a heterogeneous technology solution stack that includes HTML5 JavaScript frameworks from Sencha
Testing Design System Changes Across Your Application -- Intuit Use Case -- w...Applitools
** Full webinar recording -- https://youtu.be/Fghrui7Xbcw **
Design systems are one of the most popular new ways to create and document the UI building blocks that make up a product.
Component-based frameworks -- such as React, Angular, and Vue -- have taught teams to break apart their application interface into reusable pieces, while projects like Storybook have allowed us to document and test these components at scale.
What happens when you make design changes using a central system, instead of individual screens? How do you make changes with confidence when your update impacts every screen in the product?
In this webinar, Tyler Krupicka -- Senior Software Engineer @ Intuit -- shared how Intuit tests design system changes for TurboTax, a product with thousands of reconfigurable screens that share a common design language.
He also discussed why design systems have become so important to his team, the tools his team uses, as well as providing a deep dive on how Intuit routinely changes thousands of screens simultaneously.
Watch Tyler in this in-depth live session, and discover:
(1) What are design systems, and how they can help you build consistent experiences
(2) How Intuit uses design systems to build thousands of unique screens in TurboTax
(3) How we test and release widespread changes with confidence in:
(3-i)Performance
(3-ii) Accessibility
(3-iii)Visual Consistency
(4) How you can build and maintain your own design system at scale
Smarter HATS web application that automatically respond according to the scre...Royal Cyber Inc.
Experience the art of our unique HATS Responsive Design development that adjust automatically to any resolution, making the system best fit for all the devices and platforms. Inquire more: http://bit.ly/1d0Gj2A
What is JET?
*Oracle’s JavaScript Extension Toolkit (JET)
*‘Mobile First’ UI framework
*Based on modern JavaScript, CSS3 & HTML5 design & development principles
*Provides a clean, streamlined UX
*Open-source & Oracle-contributed JavaScript libraries make it simple to build & extend cloud-based, client-side applications
*Will replace all legacy UIs as CPQ’s modern standard for UIs
What's new in Host Access Transformation Services from IBM Rational version 8: including new Dojo widgets, new templates, JAX-RS REST based web services. Also new support for the iPad.
Introduction to Android Development.pptxasmeerana605
Android development is the process of creating applications for devices that run on the Android operating system. With over 2.5 billion monthly active devices globally, Android offers a vast and diverse user base for developers to target. Learning Android development involves mastering the principles of Java or Kotlin programming languages, as well as understanding the Android SDK (Software Development Kit) and other relevant tools provided by Google.
Beginners in Android development typically start by learning the fundamentals of programming, such as variables, loops, conditionals, and functions. From there, they delve into more advanced topics specific to Android, such as activities, fragments, intents, layouts, and views, which are essential components for building user interfaces and navigating between screens.
As developers progress, they explore topics like handling user input, accessing device hardware features like the camera and sensors, working with databases to store and retrieve data, integrating APIs for services like maps, notifications, and authentication, and optimizing performance and battery efficiency of their apps.
Android development is not easy and requires a lot of tools to get started. This presentation aims to give an overview of what to expect as a new developer, which tools you will use and explains the minimum knowledge to get started with your first android application.
Running C# in the browser with the Blazor framework needs JavaScript libraries to be successful. In this session well explore the JavaScript Interop for Blazor to see where great libraries can accelerate the platform. We'll learn how you can play a critical role in building a rich ecosystem and extend your skills as a JavaScript developer to share in the success of your .NET team mates.
Blazor Stability Testing Tools for Bullet Proof ApplicationsEd Charbeneau
.NET in the browser may sound like Blazor's strength, however the story of Blazor testing may just be its biggest potential upside. In this session we'll discuss what makes Blazor an ideal candidate for: Unit Testing, Integration Testing, and Automated System Testing.
Secrets of a Blazor Component Artisan (v2)Ed Charbeneau
In this session we'll jump past hello world and focus on Blazor's Razor Component architecture. We'll learn component design concepts and best practices including: event handling, attribute splatting, state management, and component libraries. Through example we'll understand the tools and techniques from one of the top Blazor community contributors and Microsoft MVP, Ed Charbeneau.
In this session we’ll talk about the evolving ASP.NET platform and what’s new with .NET 5, as well as what’s coming with .NET 6. Modern ASP.NET applications will take advantage of .NET full-stack using Microsoft’s Blazor framework. We’ll discuss how the new framework coupled with Telerik UI for Blazor cut development time and boost productivity.
In this session we'll jump past hello world and focus on Blazor's Razor Component architecture. We'll learn component design concepts and best practices including: event handling, attribute splatting, state management, and component libraries. Through example we'll understand the tools and techniques from one of the top Blazor community contributors and Microsoft MVP, Ed Charbeneau.
Writing java script for Csharp's BlazorEd Charbeneau
Running C# in the browser with the Blazor framework needs JavaScript libraries to be successful. In this session well explore the JavaScript Interop for Blazor to see where great libraries can accelerate the platform. We'll learn how you can play a critical role in building a rich ecosystem and extend your skills as a JavaScript developer to share in the success of your .NET team mates.
For .NET developers, writing client side C# has always been a pipe dream. With the introduction of Blazor this all changes. Blazor is a .NET web framework that runs in any browser. Blazor uses the latest in web standards, WebAssembly. This means no plugins, transpilation, or JavaScript are needed.
In this session we’ll explore what Blazor means for web development and learn about how this experiment at Microsoft is shaping up. Blazor runs in the browser on a real .NET runtime (Mono) implemented in WebAssembly that executes normal .NET assemblies.
The Razor template markup syntax is used throughout ASP.NET. In the next version of ASP.NET, Core Razor is evolving into multiple Razor adaptations such as Razor Tag Helpers, Razor Pages, Blazor, Blazor & Razor Components. In this session, we'll learn the key differences between theses variations and see where they align in the ASP.NET road map. We’ll make sense of how each concept was introduced and what use cases they fulfill.
Blazor is a single-page web application (SPA) framework built on .NET that runs in the browser with Mono's WebAssembly run-time, or server-side via SignalR. Blazor features a component architecture, routing, a virtual DOM, and a JavaScript Interoperability (interop) API. Currently, Blazor is in an experimental state which allows for rapid development, iterations, and as implied, experimentation.
Giving Clarity to LINQ Queries by Extending Expressions R2Ed Charbeneau
LINQ and Entity Framework are both commonly used in the .Net ecosystem, but even well-written applications can have LINQ queries that are difficult to understand. Because LINQ is so flexible, it can be written in ways that fail to communicate the developer’s intent. Well-written LINQ should be so clear as to be self-documenting. To write clear LINQ, it helps to understand the details of a few LINQ components that improve LINQ’s readability.
You're traveling through another dimension, a dimension not only of sight and sound but of data; a journey into a wondrous land whose boundaries are that of the imagination. In this talk we will learn the relationship between Big Data, Artificial Intelligence, and Augmented Reality. We'll discuss the past, present and futures of these technologies to determine if we are heading towards paradise or into the twilight zone.
Giving Clarity to LINQ Queries by Extending ExpressionsEd Charbeneau
LINQ and Entity Framework are both commonly used in the .Net ecosystem, but even well-written applications can have LINQ queries that are difficult to understand. Because LINQ is so flexible, it can be written in ways that fail to communicate the developer’s intent. Well-written LINQ should be so clear as to be self-documenting. To write clear LINQ, it helps to understand the details of a few LINQ components that improve LINQ’s readability.
Join me on a journey through problem solving. In this talk we'll discuss the challenges of porting a C# based tool to a JavaScript / jQuery plugin. We'll look at why it can be beneficial to rewrite code using a different language and learn that sometimes implementation can be easier than what we theorize.
Web development has evolved, grown and become increasingly complex; so has CSS code. This means that we have to adapt our tools and techniques for developing on the platform. We can improve existing CSS code if we use refactoring techniques with the help of new tools such as Sass (Syntactically Awesome Style Sheets) and Compass.
In just about every industry, rapid prototyping is described as “A group of techniques used to quickly produce a working model”, and web development should be no different. Rapid prototyping allows developers to quickly communicate and collaborate on the product they are creating while investing minimal resources. When used effectively, a prototype can provide structure to a project, ensuring that the development team and the customer are working towards the same vision and goal.
With the increasing variety of web enabled devices entering the market, the next generation of the web will need to be more flexible than ever before. In this session we will explore how Responsive Design can help build "A Foundation for the Web" and ensure maximum compatibly on any device now or in the future. We'll also take a glimpse at how using solutions like Zurb's Foundation and ASP.Net MVC can jump start development, and produce effective results fast.
Artificia Intellicence and XPath Extension FunctionsOctavian Nadolu
The purpose of this presentation is to provide an overview of how you can use AI from XSLT, XQuery, Schematron, or XML Refactoring operations, the potential benefits of using AI, and some of the challenges we face.
E-commerce Application Development Company.pdfHornet Dynamics
Your business can reach new heights with our assistance as we design solutions that are specifically appropriate for your goals and vision. Our eCommerce application solutions can digitally coordinate all retail operations processes to meet the demands of the marketplace while maintaining business continuity.
Why Mobile App Regression Testing is Critical for Sustained Success_ A Detail...kalichargn70th171
A dynamic process unfolds in the intricate realm of software development, dedicated to crafting and sustaining products that effortlessly address user needs. Amidst vital stages like market analysis and requirement assessments, the heart of software development lies in the meticulous creation and upkeep of source code. Code alterations are inherent, challenging code quality, particularly under stringent deadlines.
Need for Speed: Removing speed bumps from your Symfony projects ⚡️Łukasz Chruściel
No one wants their application to drag like a car stuck in the slow lane! Yet it’s all too common to encounter bumpy, pothole-filled solutions that slow the speed of any application. Symfony apps are not an exception.
In this talk, I will take you for a spin around the performance racetrack. We’ll explore common pitfalls - those hidden potholes on your application that can cause unexpected slowdowns. Learn how to spot these performance bumps early, and more importantly, how to navigate around them to keep your application running at top speed.
We will focus in particular on tuning your engine at the application level, making the right adjustments to ensure that your system responds like a well-oiled, high-performance race car.
Quarkus Hidden and Forbidden ExtensionsMax Andersen
Quarkus has a vast extension ecosystem and is known for its subsonic and subatomic feature set. Some of these features are not as well known, and some extensions are less talked about, but that does not make them less interesting - quite the opposite.
Come join this talk to see some tips and tricks for using Quarkus and some of the lesser known features, extensions and development techniques.
What is Augmented Reality Image Trackingpavan998932
Augmented Reality (AR) Image Tracking is a technology that enables AR applications to recognize and track images in the real world, overlaying digital content onto them. This enhances the user's interaction with their environment by providing additional information and interactive elements directly tied to physical images.
Code reviews are vital for ensuring good code quality. They serve as one of our last lines of defense against bugs and subpar code reaching production.
Yet, they often turn into annoying tasks riddled with frustration, hostility, unclear feedback and lack of standards. How can we improve this crucial process?
In this session we will cover:
- The Art of Effective Code Reviews
- Streamlining the Review Process
- Elevating Reviews with Automated Tools
By the end of this presentation, you'll have the knowledge on how to organize and improve your code review proces
GraphSummit Paris - The art of the possible with Graph TechnologyNeo4j
Sudhir Hasbe, Chief Product Officer, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptxrickgrimesss22
Discover the essential features to incorporate in your Winzo clone app to boost business growth, enhance user engagement, and drive revenue. Learn how to create a compelling gaming experience that stands out in the competitive market.
Software Engineering, Software Consulting, Tech Lead, Spring Boot, Spring Cloud, Spring Core, Spring JDBC, Spring Transaction, Spring MVC, OpenShift Cloud Platform, Kafka, REST, SOAP, LLD & HLD.
OpenMetadata Community Meeting - 5th June 2024OpenMetadata
The OpenMetadata Community Meeting was held on June 5th, 2024. In this meeting, we discussed about the data quality capabilities that are integrated with the Incident Manager, providing a complete solution to handle your data observability needs. Watch the end-to-end demo of the data quality features.
* How to run your own data quality framework
* What is the performance impact of running data quality frameworks
* How to run the test cases in your own ETL pipelines
* How the Incident Manager is integrated
* Get notified with alerts when test cases fail
Watch the meeting recording here - https://www.youtube.com/watch?v=UbNOje0kf6E
Enterprise Resource Planning System includes various modules that reduce any business's workload. Additionally, it organizes the workflows, which drives towards enhancing productivity. Here are a detailed explanation of the ERP modules. Going through the points will help you understand how the software is changing the work dynamics.
To know more details here: https://blogs.nyggs.com/nyggs/enterprise-resource-planning-erp-system-modules/
Transform Your Communication with Cloud-Based IVR SolutionsTheSMSPoint
Discover the power of Cloud-Based IVR Solutions to streamline communication processes. Embrace scalability and cost-efficiency while enhancing customer experiences with features like automated call routing and voice recognition. Accessible from anywhere, these solutions integrate seamlessly with existing systems, providing real-time analytics for continuous improvement. Revolutionize your communication strategy today with Cloud-Based IVR Solutions. Learn more at: https://thesmspoint.com/channel/cloud-telephony
Graspan: A Big Data System for Big Code AnalysisAftab Hussain
We built a disk-based parallel graph system, Graspan, that uses a novel edge-pair centric computation model to compute dynamic transitive closures on very large program graphs.
We implement context-sensitive pointer/alias and dataflow analyses on Graspan. An evaluation of these analyses on large codebases such as Linux shows that their Graspan implementations scale to millions of lines of code and are much simpler than their original implementations.
These analyses were used to augment the existing checkers; these augmented checkers found 132 new NULL pointer bugs and 1308 unnecessary NULL tests in Linux 4.4.0-rc5, PostgreSQL 8.3.9, and Apache httpd 2.2.18.
- Accepted in ASPLOS ‘17, Xi’an, China.
- Featured in the tutorial, Systemized Program Analyses: A Big Data Perspective on Static Analysis Scalability, ASPLOS ‘17.
- Invited for presentation at SoCal PLS ‘16.
- Invited for poster presentation at PLDI SRC ‘16.
7. RadEditor Adaptive Rendering
• Same RadEditor, all new rendering
• Easy-to-touch bottom-placed toolbar with bigger
buttons
• Insert images, hyperlinks and tables as well as
contextual toolbar to format and edit their properties
• Interactive Full Screen mode
• Easily navigate through multiple tools, switching to
HTML mode, etc.
• Optimal experience for the mobile browser
• And a whole lot more…
16. The Future of Light-weight Rendering
•Q3 2015 (This fall)
•Light-weight rendering for all controls
•Optimized DLLs
Watch Telerik.com/blogs for details
23. Here’s What We Covered
•Adaptive Rendering
•Light-weight Rendering
•Client Export Manger
•HTML Chart Customization
•Theme Builder
24. Resources
• Demos | http://demos.telerik.com/aspnet-ajax/
• UI for ASP.NET AJAX | http://www.telerik.com/products/aspnet-ajax
• Blogs | http://www.telerik.com/blogs
• Community | http://developer.telerik.com/
Editor's Notes
Thanks for the introduction Michael
And welcome everyone
Today we’ll be exploring What’s new in Telerik UI for ASP.Net AJAX
Let’s get started with a quick overview, then we’ll get in to some demos.
The UI for ASP.NET AJAX has more than 80 controls
Developed over the course of 11 years
And we continue to add and release new features
3 times each year
All of controls you see here tagged in blue received updates in this release in this release
11 Year’s is a long time
and we may not have hover boards
But mobile computing has certainly changed
This is what mobile computing looked like in 2004 when we released the very first Telerik Control The RadEditor
In 2004, the RadEditor was not only the first Telerik Control
But also the first WYSIWYG web editor to market
and that’s why today we’re especially proud to announce
That RadEditor is the first WYSIWYG web editor on the market that offers an adaptive UI for smart phones.
The new adaptive RadEditor provides a mobile optimized user experience for small devices
and no detail was left behind.
The new render mode offers an easy-to-touch bottom-placed toolbar,
touch-friendly drop downs
and dialogs that always pop up and fit in the visible viewport of your smartphone.
Users familiar with Google Docs or Microsoft Word Mobile will feel at home using RadEditor on their mobile device.
Best of all,
This isn’t a separate control, it’s the same RadEditor you know and love
With the ability to identify and adapt to mobile.
Let’s take a look at the RadEditor in action.
For this demo, I’ll be sharing the screen of my android device, this is real hardware, not an emulator, or browser simulation.
To place the editor in edit mode, simply click the pencil icon in the upper left hand corner. This will launch a full screen editing experience.
The toolbar across the top of the editor has undo, redo, edit selection, find/replace, code view, and save actions.
I’m going to select the text “Smartphones” and click the edit selection action.
Notice the contextual toobar conveniently placed at the bottom of the screen, within thumbs reach.
This toolbar contains all of the actions I need to edit text, including: font-size, color, alignment and more.
Let’s make some changes to the selected text.
We’ll start by increasing the font size, 22px looks good.
With a quick tap, we can make this bold.
Let’s give it some color too, we’ll tap forecolor to bring up the color picker. I’ll set this to white.
Same thing with the background, how about a nice blue.
I think that looks about right, I’ll go ahead and save this by clicking the checkmark in the corner.
---
The editing capabilities in adaptive mode are even robust enough to create and edit hyper links, HTML tables and embed and manage images.
Let’s change a hyper link in the document to see just how powerful the contextual interface is.
When a link is selected in the document, the interface automatically chooses the proper editor this type of content.
With the link selected, we can apply a CSS class, edit the link properties or completely remove the link. Let’s tap remove link so we can see how a new link is created.
Tapping the … with the text selected brings up the insert menu, let’s select hyperlink manager and create a new link. Notice the fields are already prefilled, all I need to do is complete the url and save.
If you would like to try this on your own device after the webinar, visit demos.Telerik.com and navigate to the RadEditor demos and scan the QR code.
The RadEditor is just one of many controls in this release with new adaptive rendering.
The TreeList features improvements to help you build apps tailored to any device. The control not only delivers bigger touch zones on mobile devices, but also new views, buttons, context menus and support for gestures. These improvements make the control very easy to use, even on smartphones.
Now you can build image galleries end users will enjoy browsing, even with mobile browsers.
When they access the control on a mobile device, it will deliver a user interface optimized for small screens, as well as support for the most popular gestures like: spread, pinch, tap and swipe. The image gallery comes with three modes: Image, Image Slider and Thumbnails Area, including the convenient full-screen mode.
We’ve also updated our DataPager control.
The component is now optimized for touch devices and fully responsive. For your convenience, it exposes server-side attributes, enabling you to hide the page size field, trim the page numbers field and change the position of the DataPagerButton field.
Adaptive rendering is not limited to this release. We have been hard at work, constantly updating UI for ASP.NET AJAX. You can find more adaptive controls, plus many more responsive controls throughout the entire toolbox.
So, by now you’re probably wondering why I’m not showing code for these examples. Well, there really isn’t much code involved.
The UI for ASP.NET AJAX handles all of the device detection and rendering for you, all you have to do is enable adaptive rendering for the control
Or for the entire project, our controls will handle the rest.
You can do this in your web config file by setting the Render mode to Auto and you’re ready to go mobile.
Setting render mode to auto in your web config will also enable our next feature update.
Light weight rendering.
Light weight rendering enables reduced markup, easier customization, and modern - semantic rendering and more.
Light weight rendering now available for the TabStrip, Scheduler, ToolBar, RibbonBar, Notification, ProgressBar and InputManager.
In Q3 we aim to enable light weight rendering for all of our controls.
In addition, we will be releasing light weight optimized DLLs that are smaller and more efficient.
Keep an eye on our blogs for upcoming roadmaps and details.
In the last release we introduced the Client Export Manager.
This control adds WYSIWYG export capabilities to your application.
Client export manager supports multiple formats including image, svg and PDF.
When customers saw how powerful the client export manager was, you asked for more. And we listened.
That’s why Client export manager now supports Multi page PDF export.
Let’s jump in to visual studio and see how it works.
Ok, I have visual studio open and I’m going to run the page so we can see what the demo looks like.
Here we have our demo page.
It lists several pages of recipes and allows the user to export all of the recipes to PDF at the click of a button.
Let’s give it a try.
Notice that only the visible recipe was exported. This is because the normal functionally of the Client export manager is a WYSIWYG representation.
Let’s dive into the code and see how the page is wired up. Then we’ll modify the export manager so it gives the user a multip page export that includes all the recipes.
In the top of the markup, you can see we have our client export manager.
The client export manager is triggered when the client clicks export button.
Let’s look at the client side code to see how it is invoked.
The exportAllRecipes function is pretty straight forward.
First, we find the client export manager control. Then we use a CSS selector to identify the root level HTML element we wish to export.
innerMultiPage
If we scroll up we can see that innerMultiPage is a RadMultiPage view, this is where the markup for all of our recipes are defined.
Let’s modify the code so that the client export manager exports all of the recipes in the RadMultiPage.
Well start by adding a property to the client export manager
PageBreakSelector , here we’ll set a CSS selector that will identify a pagebreak
Let’s call it .pageBreak
Next, we need to add the pageBreak class to each element that contains a new page.
We can save and refresh the example now.
Clicking the export button now will give us a nicely formatted multipage pdf document.
Next, we’ll take a look at the new customizations update for the HTML Chart control.
If you need to customize the appearance of the chart, you’ll find the improvements of this release useful:
You can now control the width, height and orientation of the legend, and also fine-tune its position through the Align, OffsetX and OffsetY properties of the appearance tag
In addition, you now have the ability to implement custom visualization of legend items, axis titles, labels, markers and series by utilizing the Kendo Drawing API. Let’s look at a demo to see this new feature in action.
Let’s look a little deeper.
Here we have a javaScript function named telerikDemo.columnVisual
If we open the corresponding javascript file we should be able to find this function.
Notice that columnVisual, makes a call to createColumn, if we scroll up to createColumn we’ll find that this function is responsible for drawing the custom cylinders on the chart.
The next update is in the works but isn’t today.
Soon you can expect the release of our new Theme Builder tool.
The new theme builder that will give you the ability to create and edit skins for modern lightweight and mobile rendering.
Do you have a custom bootstrap theme that you want to use with UI for ASP.NET AJAX? Well soon, the new Theme Builder will analyze your theme and generate a custom colorized Telerik skin based on the one you provided.
Let’s review what we covered today.
There where multiple controls updated with mobile adaptive rendering including the revolutionary RadEditor that brings Microsoft Word like functionality to your next application.
There are 7 controls that can now take advantage of the new light weight rendering mode and we anticipate all of the controls to be ready with light weight rendering for the Q3 release this fall. Light weight rendering not only reduces control complexity, but makes customization much easier too.
We looked at the new multipage PDF export for the Client Export Manager. This feature was highly anticipated since the control’s release just a short time ago.
The HTML chart control received updates that allow for complete control of the visual output of the control. By leveraging the Kendo Drawing API chart customization is limitless, now you can satisfy even the toughest customer requests.
And finally, we saw a preview of the upcoming Theme Builder. Watch for theme news and updates in the coming month.
To get the most out of your Telerik subscription
Make sure you check out the following resources.
Our demos have been updated with the latest release. This means you can stop by demos.Telerik.com and explore all of the demos you saw earlier.
Keep updated on the latest Telerik news by visiting our blogs. You’ll find product roadmaps, whitepapers, announcements and more.
And don’t forget to visit our community resources at developer.Telerik.com.