User Interface

Labels
AJAX(112) App Studio(9) Apple(1) Application Builder(245) Application Factory(207) ASP.NET(95) ASP.NET 3.5(45) ASP.NET Code Generator(72) ASP.NET Membership(28) Azure(18) Barcode(2) Barcodes(3) BLOB(18) Business Rules(1) Business Rules/Logic(140) BYOD(13) Caching(2) Calendar(5) Charts(29) Cloud(14) Cloud On Time(2) Cloud On Time for Windows 7(2) Code Generator(54) Collaboration(11) command line(1) Conflict Detection(1) Content Management System(12) COT Tools for Excel(26) CRUD(1) Custom Actions(1) Data Aquarium Framework(122) Data Sheet(9) Data Sources(22) Database Lookups(50) Deployment(22) Designer(178) Device(1) DotNetNuke(12) EASE(20) Email(6) Features(101) Firebird(1) Form Builder(14) Globalization and Localization(6) How To(1) Hypermedia(2) Inline Editing(1) Installation(5) JavaScript(20) Kiosk(1) Low Code(3) Mac(1) Many-To-Many(4) Maps(6) Master/Detail(36) Microservices(4) Mobile(63) Mode Builder(3) Model Builder(3) MySQL(10) Native Apps(5) News(18) OAuth(9) OAuth Scopes(1) OAuth2(13) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(11) PKCE(2) Postgre SQL(1) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(184) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(81) SharePoint(12) SPA(6) SQL Anywhere(3) SQL Server(26) SSO(1) Stored Procedure(4) Teamwork(15) Tips and Tricks(87) Tools for Excel(3) Touch UI(93) Transactions(5) Tutorials(183) Universal Windows Platform(3) User Interface(338) Video Tutorial(37) Web 2.0(100) Web App Generator(101) Web Application Generator(607) Web Form Builder(40) Web.Config(9) Workflow(28)
Archive
Blog
User Interface
Sunday, September 26, 2010PrintSubscribe
Search Bar and Advanced Adaptive Filters

We are pleased to announce immediate availability of automatic Search Bars and Advanced Adaptive Filters. You can try these feature live at http://codeontime.com/demo.aspx.

Automatic Search Bars

A search bar can be activated if you click on the icon on the left side of the Quick Find search box.

First three data fields in a grid view are automatically listed in the search bar. Each field is provided with type sensitive options and input fields to enter a sample value. If there is a filter applied to a grid view then the search bar will feature all current filter options preselected on it.

Input fields for text data fields offer predictive text input and automatic adaptive filter options. You can see this features activated in the screenshot below.

image

The following screen shot shows the search bar with more fields activated on it.

image

The screen shot below shows the collapsed search bar.

image

Quick Find

Code On Time applications also feature multi-word Quick Find in all grid views. You can enter multiple search criteria that are automatically searched in all compatible data fields of your grid view.

The screen shot below shows all products with number 40 and text biscuit matched to the visible data rows.

image

Quick Find is the default search option in grid views.

Advanced Adaptive Filters

Adaptive filters were significantly enhanced and offer expanded type-sensitive filter options.

This screen shot shows text filtering options in the Ship City field.

image

Here is the list of filter options available for Date fields if you active the context menu in the header of the field.

image

Summary

Advanced Adaptive Filters and Quick Find are included in all levels of subscription.

Automatic Search Bars are available to Premium and Unlimited subscribers only.

Please review the complete subscription feature matrix at http://codeontime.com/products.aspx.

Monday, August 2, 2010PrintSubscribe
Disabling Action on Specific Pages

Q.  How can I disable the New and Delete button on any particular page.

A.

Consider using WhenHRef property of data controller actions. Open the data controller definition in Designer, select Actions tab and activate the action. The action property WhenHRef must represent a valid regular expression.

For example, If you want to use New and Delete actions on pages ~/Pages/Page1.aspx and ~/Pages/Page2.aspx only then the following syntax will work.

Page1|Page2

The assumption is made that the same data controller is present on both pages. You can use any valid regular expression to create a URL test.  The expression will be tested against the URL in the web browser address box. A more precise and complex expression may look as the one below:

/Pages/Page(1|2)\.aspx

If there are other pages that use the same data controller and you want to prevent New and Delete actions from displaying on Page1 and Page2 but have them available on all other pages then we recommend to use an extension to regular expression syntax. Simply put "false:" in front of your expression:

false:Page1|Page2

The prefix in the example above is not a part of regular expression definition and is used to make it easier writing negative regular expression then would have been required otherwise.

Friday, July 23, 2010PrintSubscribe
Displaying Picture Field in Summary And Not in Grid

Q. What is the secret to displaying an image in the summary pane but hide it in the grid?
I can get the photo to display in the summary and grid, but not the summary only.

A.

The summary requires the field to be physically present in the grid/form view.

The secret is to display an invisible picture field in the grid instead of hiding the field altogether.

For example, suppose you have generated the Northwind sample application with Web Site Factory. The grid view of product categories will show each category inline as you can see at http://dev.codeontime.com/demo/websitefactory1/pages/categories.aspx. If you select a category then the category Picture will be displayed in the summary on the side bar as well.

Open the project in Visual Studio and expand ~/App_Themes folder. Add new CSS file StyleSheet.css in the project.

image

Enter the following CSS rule:

.DataView .Cell.Picture, .DataView .FieldHeaderSelector.Picture
{
    display: none;
}

Save the file.

Run the program and observe the Picture field to disappear from presentation when you select a category.

image

Continue to Permalinks