Author Archives: Jemmy

WebUI Studio 2011 Service Pack 1 Is Now Available

I am excited to announce that WebUI Studio 2011 service pack 1 is now officially available. It includes many new features and enhancements.

The most significant updates are the support for Microsoft LightSwitch and event aggregator for advanced MVVM application development. It also updates DevForce to version 6.1.0 with native query support. ASP.NET also receives a huge list of update, especially in WebGrid, WebCombo, and WebInput.

Click here to read more about the announcement and download the release notes.

Customers with WebUI Studio 2011 R1 installed can obtain these updates from Update Manager. Looking for the the new setup? Registered customers and subscriber can login to dev2.intersoftpt.com to download a free copy. Others can obtain the full 30-day trial at intersoftpt.com/RequestTrial.

Happy developing guys. If you have any troubles, feel free to ask for help @ intersoftpt.com/Community.

Best regards,
Jemmy

ClientUI 5: Unlock The Amazing Possibilities

The latest ClientUI brings so many new innovations and technology advancement available no-where else. The release debuts with a host of various data visualization controls like grid view, tree view, document viewers, and more. Even better, the deep integration with IdeaBlade’s DevForce provides the fastest way to build MVVM-enabled business applications. All of this innovations are geared towards a better development experience to build any business applications of any size and any complexity.

In this blog post, I will review the new shinny samples demonstrating the new products and the features, as well as sharing my top favorite new samples.

Below are the top 10 my favorite picks of new ClientUI 5 samples

  1. Assets Management

    The assets managements sample is a good demonstration of the latest UXGridView with many features enabled such as Column Freezing, data grouping, column sorting, and the powerful data editing capability.

    Data editing is a crucial feature in any grid view control. You can add a new row, edit, or delete a row. UXGridView extends this behavior further with many innovative features such as custom editing control, data validation, read-only binding, value list, and more.

    Read-only binding is a unique feature that lets you lock certain columns or a row based on a column’s edited value. For example when an asset status is sold, the Service Date column is lock for editing. Value list is a unique feature which translates a foreign key column into a more meaningful data. For example Department column refers to DepartmentId from  Department table. Instead of showing the number, the department name is showed instead. This feature also works with data editing.

    In addition, various user experience features are also demonstrated like column freezing, paging, and more. UXGridView’s column freezing is closely similar to the on in Excel. You can lock certain columns from the left side and prevent it from being horizontally scrolled when the available viewport can’t accommodate all columns. Explore the sample.Assets management with rich UI/X features

  2. eMagazine Viewer
    Like to read books, magazine in your portable inch+ thick digital reader? With the latest XPSDocumentViewer, you can add the same rich reading experience to your Silverlight or WPF applications. Try to click on the Browse Library to select and load different magazine.
     
    The high-performance rendering engine displays the document brilliantly. Images are vibrant and text is crisp. Especially when using the various zooming feature, you will notice that the document is displayed at its best quality even during the zooming process. Explore the sample.e-Magazine Reader
     
  3. Getting Started Viewer
    If the above scenario shows XPSDocumentViewer loading rich media content, this specific sample demonstrate its powerful multiple page document loading capability without any slow down.
     
    The innovative feature behind all this is the load-on-demand engine. It prioritizes visible pages to be loaded and rendered while the rest are loaded conditionally. Another great feature is the background loading. It allows pages to be preloaded in the background during application’s idle time. In this sample, you will notice that both document and applications is loaded at the same time.
     
    You should try the built-in page navigation. There are two types, thumbnail and outline. Thumbnail mode displays a small preview image of every page, while outline provide the entire document’s TOC hierarchically (depending on the document’s structure). Explore the sample.Getting Started Document Viewer
     
  4. Baseball Player
    Rejoice baseball fan, now you can see your all-time favorite baseball player attractively in UXGridView. Try to select a row and notice that the detailed information is displayed under. This row detail feature is enhanced with selector functionality to easily incorporate certain business rules. You can also change the row detail behavior, whether it is shown all the time or on selected item only. Explore the sample.UXGridView Baseball Sample
  5. Employee Leave Records
    One of the most unique sample in UXGridView is the Employee Leave Records – emphasizing on the grid’s various data interaction features. Click on the filter button on a column to reveal the filter box. You can use the check box to filter the row or type, or use type in the textbox to narrow down the available filter options.
     
    Sorting feature is available out-of-the-box controlled by a property. In addition to single column sorting, UXGridView is enhanced to support multiple sorting. Click on the first column to sort. Hold shift and click on the second column, and so on. To change the sort direction, click on the same column while holding shift to maintain the multiple sorting behavior or UXGridView will discard the previous sorting order.
     
    The loosely coupled architecture adoption enables users to externally execute certain grid view features. The most notable implementation is the Export and Refresh button. The default location is on the grid footer, but in this sample a second button is added above the grid.
     
    Try the sample here to discover more features.Employee Leave Records
     
  6. My Outlook
    UXNavigationPane is a flexible, space-saving navigation control adopted after Office 2010. User can easily collapse the entire control to when more screen estate is required and restore it when needed. It also feature real-time resizing feature with “snapping” feature. You can also try to explore various pane items and see its content. Explore the sample.My Outlook
     
  7. Corporate File Explorer
    In most business applications, tree view is often used as the primary navigation system for its hierarchical display – enabling users to directly jump into a sub page. And in most cases, it gets sluggish when the structure gets too complex with many nodes.
     
    This sample demonstrates UXTreeView with its blazing-fast loading regardless of the structure. Using a custom Load-on-Demand technique, UXTreeView allows developer to custom-code the child node retrieval process. When enabled, the expand toggle indicator will be shown. Explore the sample.File Explorer
  8. Online Book Store
    Despite the nature as a navigation control, UXTreeView can be used to display a list of items in hierarchical order, just like the following online book store sample. User can use the checkbox to select or deselect the desired category.
     
    UXTreeView’s checkbox is designed to accommodate non-linear structure selection with three-state mode, checked, unchecked, and indeterminate. Indeterminate is a state indicating a parent, whose child nodes are partially checked. If all child nodes are selected, the parent’s checked status is checked. You can also check on the parent to select all of its child nodes. Explore the sample.TreeView Bookstore
     
  9. My Tasks and Events
    This “My Tasks and Events’ sample uses UXTreeView as its category navigator. Click on a node to select different category. You can also move an event to different category by dragging it and drop it on the desired node. Explore the sample.My Events
     
  10. Order List
    This sample demonstrates UXGridView displaying data in hierarchical order. Depending on your data structure, you can have unlimited nested table with on-demand data retrieval. You can click on the plus sign to expand the child table.This sample also demonstrate the visual customizability. You can easily experiment and apply any custom color and theme to UXGridView, for example the black color. Explore the sample.UXGridView OrderList

Above are only some small collection of business-inspiring samples featured on ClientUI live demo page. Please visit live.clientui.com to experience all. Want to build an amazing application such as shown above? Grab the 30-day trial now. Existing customers with valid subscription can obtain the latest WebUI Studio from Developer Network, under My Components shortcut.

Happy developing.

Best regards,
Jemmy Haryono

ClientUI.com Received Major Content Update

With 240 controls, and counting, ClientUI distinguishes itself as one of the fastest growing Silverlight/WPF suite in the industry – bringing not only an expansive selection of controls, but also plenty of innovative features.

ClientUI.com serves as the information gateway for developer to learn about its concept, feature, and to discover how its true capabilities help developers build high-performance line-of-business applications faster, easier, and better.

The new content update emphasizes on detailing each control’s key features in simple navigation interface. Controls are divided and grouped (paged) based on the functionality, such as button controls, input controls, advanced input controls, layout panels, and more.

With two sets of navigation interfaces, the left one lets user browse all controls or features of the same category. The bottom box allows user to see all controls and link to them efficiently. Each control explanation is accompanied with an illustrative image and a live sample button so that user can see and test the specific control directly. Media gallery is stuffed with many high-quality graphics of various LoB applications built with ClientUI.

Click here to explore the new content. Kindly post any feedback if you have below, or email me directly at haryono@intersoftpt.com.

Regards,
Jemmy.

2011 Survey Winner

Last month’s survey was a huge success. We gathered a lot of constructive feedback and critics and it’s really happy to see how people respond to our products and services. As our gratitude, three lucky winners were selected and they are:

  • gnaik@******.com
  • WilmarVH@******.co.za
  • chris@******.com

Each will receive a $50 Amazon gift card. Enjoy guys.
If you have any questions about the survey, please email feedback@intersoftpt.com.

Regards,
Jemmy.

WebUI Studio 2010 R1 is here.

We are very excited to announce that WebUI Studio 2010 R1 is available, offering a total of 188 new UI components for ASP.NET, Silverlight 3, Silverlight 4, and WPF 4. Beyond just a comprehensive development toolset, WebUI Studio is delivered with various semi business project template, available in C# and VB. It lets you quickly start your mega-sized project in less learning curve and less coding works. Click here to read the official announcement.

If you are an active subscription license holder, head to dev2.intersoftpt.com and download a copy now. Prospects can request for 30-day free trial here.  While waiting for the installation, please head to live.intersoftpt.com and explore the 50 new samples based on real-world business scenarios.

Don’t forget to visit clientui.com, a sister site dedicated to the latest masterpiece, ClientUI. It covers detailed information about ClientUI, from architectural overview, the benefits, to multitude of business samples.

Last but not least, if you have any urgent questions about this release, pricing, licensing, or anything else, feel free to contact our 24-hour hotline at 1-310-914-0158. Alternatively, you can email Intersoft Sales.

We hope you enjoy this release.

Introducing New Visual Studio 2010 Templates for WebUI Studio

Earlier this month, we have successfully launched WebUI Studio 2010 RC which includes hundreds of new components for Silverlight 3, Silverlight 4, and WPF 4. Although the main highlight in this upcoming release is ClientUI, we have added the ASP.NET lineups with 8 new WebEssentials components and predefined templates. WebEssentials has been discussed several times. Check out the past blog here and discover its key feature.

For those who haven’t downloaded the RC, I strongly suggest you to grab one here and test drive it yourself. Feel free to compare it with competing products and make your decision wisely. Should you have any questions or doubts, our friendly Sales team is ready to assist you.

On every product release, the real deal is always about how many new components it delivers or what new technology does the new version of an existing product support. And the results we usually expect are how it handles a massive amount of data swiftly, how it simplified a complex navigation system into a user-friendly one, etc.

Often times, we are too focus in those areas and eventually forget the rudimentary aspect. A third-party control should deliver innovative features which work out-of-the-box and easy to be implemented in business or real-world scenarios.

Starting this release (2010 RC specifically), several basic project templates are bundled to help you get started your mega-sized project quickly leveraging the powerful WebUI Studio products. These templates are installed automatically and are available from the new project dialog.

Select your desired platform and you can see the available templates. Or, click on Intersoft Solutions node to see all templates. This blog discusses the ASP.NET template only.

Empty Web Site Template

Let’s start with the basic, select “Intersoft Empty Web Site”. As the name implies, this template only have a blank default.aspx page. However, all essential assemblies are included inside the bin folder. The Web.config has been preconfigured to run at the most optimal setting. Simply said, you can drag-drop any controls to the designer and run it immediately. No more annoying SmartWebResources error message or any error messages.

Above is inside the Web.config. In addition to the SmartWebResources, several settings are inserted, such as: WebGrid’s exporting and Pivot Chart feature.

Basic Web Site Navigation Template

As the world’s internet population increases, the number of new website – and web application – grows rapidly every day. This is a challenging situation for every website owner, not only he has to provide great and updated content, but also well-defined and easily-spotted navigation. No one wants visitors to leave the site just because they can’t navigate to a specific page.

This is what we want to focus, by providing a basic template with predefined navigation infrastructure so that you can focus on building the content. This template includes several dummy pages linked to a master page.

The master page contains a list box control with predefined items. When clicked, it will redirect you according to the clicked item. Switch to the master page’s code behind to learn in details.

To connect a new page, you need to add a new aspx and linked it to the master page. In the aspx.cs, set the selected index to a specific number. In the master page’s .cs file, add a new case method according to the selected index. Next, add a new WebListBox item and set the necessary properties.

Assuming that your new page is MyNewPage.aspx and the selected index is 5.

Here is the result in IE8 browser.

Business Scenario Template

WebUI Studio is after all geared toward the development of powerful line-of-business applications with intensive data processing and extensive usage. Two business scenarios templates are available in the RC currently, a scheduling website template and an enterprise data management application.

Powered by WebScheduler, the scheduling template provides a very solid foundation for starter. It features WebPaneManager with vertical horizontal layout separation, WebNavPane to host the navigation item, a basic registration form, and a fully-functional navigation. Like the other two basic templates, all business scenarios templates include complete assemblies and preconfigured Web.config.

WebScheduler is also preconfigured with default settings and attached to a dummy database. You can later customize the field to meet your requirements.

The next template focuses more on data management using WebGrid bound to Northwind’s [Customer] and [Employees] tables. Most basic features are enabled, such as: filtering and paging. Instead of using the built-in editing feature, the “add new row” feature is done in a separated form.

Conclusion

These project templates are designed as a generic solution for WebUI Studio and Visual Studio 2010 developers so that you can enjoy a seamless development process without having to deal with advanced project configuration. It also gives you the basic idea of what you can build and deliver with WebUI Studio lineups. In the future, more creative templates will be added. What business templates would you like to see? Voice it out now.

Download WebUI Studio 2010 RC now and start using the above template. If you have any further suggestions or questions, feel free to post in Intersoft Community.

Regards,
Jemmy.

WebListBox. A List Box with Hybrid Functionalities.

List box is perhaps one of the most popular and most used user interface element next to textbox and button in any user input scenarios. Along with the fast growing need for richer and more intuitive applications, developers have been reinventing the wheel trying to create and incorporate a better list box control to their apps.

Seeing this great need and opportunity, we at Intersoft began to research for the best concept which extends far beyond to those available and widely used now days. Put it simple. We promise you a list box control that is easy-to-use, powerful in features, rendered reliably in various browsers, plus its comprehensive set of client-side and server-side events and APIs bring a new level in web programming.

Data Entry Control

Intersoft’s WebListBox is designed to cater the need for an all-around list box control coping diverse data entry needs, for example: in a form which requires list box item with image or the ability to select more than one item.

Essential Customization

Let’s start with the basic. WebListBox provides additional setting for adding an image to each item. You can display text, text and image, or image only. Additional setting related is the image positioning. When using the text and image mode, you can change the image position relative to the text, for example: above or below the text and after or before the text.

All of the above settings can be made under LayoutSettings group property for global application. Or, you can use individual item’s properties for more personalized setting.

Scroll Mode

Scroll mode is provided to anticipate having many items in WebListBox exceeding the container’s height. The common practice is to use scrollbar. WebListBox offers several scroll options, ScrollBar, Scroller, or None.


As the name implies, ScrollBar mode uses the default browser’s scroll bar. Users can simply move the scroll bar to see the hidden items. One that worth mentioning is that the ScrollBar is also styled according to the selected predefined styles. This gives a more polished and uniformed look on WebListBox.

Instead of using scroll bar, Scroller mode adds up and down buttons located on the top and bottom of the control. Users only need to stop the mouse cursor on top of it and it will start scrolling immediately. This option is fancy, but the usability in a WebListBox with many items isn’t very effective.

The None option simply disable the scrolling feature and prevent users from seeing any hidden items.

Selection Mode

The result of user’s interaction with any list box controls is selection. WebListBox provides two selection modes, single and multiple, configurable through a property set. When multiple selections feature is enabled, users can use the CTRL or SHIFT key to select more than one item. Or, simply click and drag the mouse. As the mouse touches the bottom or the top most part of the control, the item will be scrolled and selected immediately.

Data binding Support

Its comprehensive data binding capability unlocks more possibility for you to deliver a sophisticated list box control targeting enterprise applications by connecting your existing data to WebListBox by simply assigning the data source ID. Supporting dozens of datasource controls, WebListBox’s user friendly Component Designer 2 lets you access all data binding properties.

WebListBox also support unbound mode, which basically allows you to add items manually.

The Smart Navigator

List box as a navigation control may sound uncommon, yet we manage to fit it quite nicely in our upcoming Support Site 2010.

When a list box item is clicked, the page will be loaded on the right IFrame. You can specify the target in TargetWindow property for global application or [Item] >> TargetWindow for individual customization. Use the TargetURL property to specify the URL.

Additional visual hint feature, called active item indicator, provides users a quick glance on the control and spot the active item instantly. Ultimately, WebListBox enhances navigation experiences with both visually appealing design and intuitive interfaces that meet industry’s usability standards.

Summary

With all the bells and whistles, WebListBox is a full-fledge control that packs innovative features, pleasant visual interface, and a developer-friendly designer window, that no similar solution can barely touch. It will surely satisfy most developers’ need and goes along very well with most business Web-applications.

Stay tuned for more as we will update you with the latest and hottest news directly from the development kitchen.