Blog: Posts from June, 2012

Labels
AJAX(112) App Studio(7) 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(183) 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
Posts from June, 2012
Monday, June 25, 2012PrintSubscribe
Where is my Stuff?

The “Navigate To” feature allows direct navigation to an item in the Project Designer.

It can be activated by clicking on the Navigate To icon in the Project Explorer toolbar, or by pressing the “Ctrl+,” keyboard shortcut (press “Control” key simultaneously with “Comma” key).

Navigate To icon on the Project Explorer toolbar.

This action will open the Navigate To window. In the Search terms field, enter text describing the project configuration element that you are trying to locate. The list of possible results will appear underneath as soon as you finish typing. The yellow box will show details of the selected item, with the search term highlighted.

Let’s try this feature with the Northwind sample.

When the word “Products” is typed in the Search terms field, the first matched result will be the Name property of the Products page.

Navigate To with 'Products' as the search term.

Press OK button or the Enter key to navigate to the selected result. The node containing the result will be highlighted in the Project Explorer. The node will also open in the Project Designer.

Products page selected in the Project Explorer.

Activate Navigate To, and search for “reportsto”. Results matching the exact phrase will be displayed in the Result box.

Navigate To with 'reportsto' as the search term.

Search for “reports to”. Exact matches will be listed first, followed by partial matches. Select the command from the result list. The yellow box will display all instances of each individual word.

Navigate To with 'reports to' as the search term.

Search for “order details”. Matches of identifying attributes of project configuration elements will have the highest priority in the results. Combinations of the words in the search parameter come next.

Navigate To with 'order details' as the search term.

Search for “order details”, wrapped in quotation marks. This will only find exact matches of the search term.

Navigate To with 'order details' including quotation marks as the search term.

You can mix quoted phrases and unquoted words, such as in the example below.

Navigate To allows search of combinations of quoted phrases and unquoted words.

Monday, June 25, 2012PrintSubscribe
Working with User Controls

User controls are the primary mechanism for extending the user interface of generated application pages. Instances of user controls (called controls) are placed in page containers alongside data views or other controls.

User controls have their own tab in the Project Explorer.

User Controls tab in the Project Explorer.

Creating a User Control

A user control is created by clicking on New User Control icon on the toolbar.

New User Control icon on the Project Explorer toolbar.

The Project Designer window will open the New User Control form. Enter a Name for the user control, and press OK to save. It will be added to the list of user controls.

UserControl1 added to the list of user controls.

Adding User Controls to a Page

User controls can be copied onto pages or containers to add an instance of that control to the page.

Select a user control, right-click or press Shift+F10, and choose Copy option in the context menu. This will copy the user control reference to the clipboard.

Copy context menu option for UserControl1.

Use the context menu to Paste the user control onto a page.

Paste context menu option on the Home page.

The control will be added in a new container at the bottom of the page.

UserControl1 control added to a new container on the Home page.

When a user control is pasted on a container, the control will be added to the bottom of the target container.

UserControl1 control added to the bottom of container1.

Renaming a User Control

The context menu option “Rename” or keyboard shortcut F2 can be used to change the name when applied to a user control node.

Rename context menu option on UserControl1.     UserControl1 in Rename mode.

Editing User Controls

User controls can be edited using the context menu option Edit in Visual Studio. This option is only available if the Generate property is set to “First Time Only”.

Edit in Visual Studio context menu option for user controls in the Project Explorer.

Deleting User Controls

User controls can be deleted using the context menu “Delete” option or the Delete keyboard shortcut. Corresponding controls (instances of this user control) will be deleted from the page containers.

Delete context menu option on UserControl1.

Monday, June 25, 2012PrintSubscribe
Staying in Sync

The Synchronize with Designer action selects the node in the Project Explorer corresponding to the selected item in the Designer window, allowing easy location of items and a quick way to orient yourself in the project configuration hierarchy.

Synchronize with Designer icon on the Project Explorer toolbar.

For example, double-click on Customers / Orders / container1 / view1 node.

View1 on the Orders page.

The properties page for the view will open in the Designer window.

Data View property page with Sync button on the action bar.

In the Project Explorer, switch to the User Controls tab, and highlight Welcome user control.

Welcome user control highlighted.

Click on the Synchronize button on the Project Explorer, the Sync action on the Designer action bar, or press “Ctrl+.” keyboard shortcut (“Control” key pressed simultaneously with “period” key).

Synchronize button on the Project Explorer toolbar. 

The Project Explorer will switch to the Controllers tab, and highlight the view1 node that was open in the Designer window.

Synchronize button shifts the focus back to view1.

The Sync action is also available on the context menu in the lists of project configuration elements.

Sync context menu option on container2 from the list of containers.

Clicking on the Sync action will select the relevant node in the Project Explorer.

image

Focus can be switched between Designer window and Project Explorer tree by pressing “F4” keyboard shortcut.

Continue to Multiple Edit Forms