User Interface

Labels
AJAX(112) App Studio(8) 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(177) 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(2) 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
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

Tuesday, July 20, 2010PrintSubscribe
Permalinks

The ability to create a shortcut to application data is crucial if you are building a true web 2.0 experience. Data shortcuts (also known as permalinks) allow users to create new data processing techniques and workflow patterns.

The screenshot below shows creation of a permalink in action:

image

A permalink is created when you select a master record on the page and click Permalink hyperlink on the membership bar of your application.

Copy the link to the clipboard and paste it for further use and reference. You can also create an instant browser bookmark to your data if you click on Add to Favorites button. The bookmark title will automatically include some of the data from the summary of the selected record.

image

If you paste the link in a web browser then you will be instantly redirected to the corresponding page of your application with the record selected when the page is displayed. If you are not signed in then a prompt to authenticate will be presented to protect data referenced by permalink from unauthorized access.

image

Monday, July 5, 2010PrintSubscribe
Building ASP.NET+AJAX Appointment Manager

Suppose that you need to create an appointment manager for your business. You have a receptionist in the front office and salesmen ready to service customers. Whenever a customer comes in requesting a consultation, the receptionist will make an appointment in the Appointment Manager. The next automatically assigned salesman will be rotated by the application. If a customer requests a specific salesman, then that appointment will not affect the rotation process.

When a new appointment is created, the salesman that performed the smallest number of appointments will be assigned. The rotation process will ensure fair distribution of appointments.

We will show you how to create an ASP.NET+AJAX Appointment Manager web application generated with Code OnTime and enhanced in Visual Web Developer.

Download the step-by-step guide (1029 KB)