Working with Controls

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
Monday, June 18, 2012PrintSubscribe
Working with Controls

Controls are instances of user controls that are placed in containers.

The picture below shows the default Home page with controls TableOfContents and Welcome placed in two containers.

Two controls in different containers on the Home page.

Creating a Control

Controls can be added to a container by using the New Control option in the container context menu.

New Control option on the container context menu.

The New Control icon on the toolbar can also be used.

New Control icon on the Project Explorer toolbar.

This will open the New Control form in the Project Designer window. The Id of the control will be automatically assigned, and can be changed in the Project Explorer.

Moving Controls

Dropping a control onto another control will place it after the target control.

Dropping control1 on control4.     Control1 is placed after control4.

The context menu actions Cut and Paste will also serve the same purpose.

Cut context menu option on control3.     Paste context menu option on control1.

Dropping a control to the right side of another control will place it after the target control.

Dropping control4 on the right side of control3.     Control4 placed after control3.

Dropping a control to the left side of another control will place it before the target control.

Control2 dropped on the left side of control3.     Control2 placed before control3.

Holding CTRL key while dropping on a page or container will duplicate the control. If a control with the same Id already exists in the page, the new control will be renamed.

Control4 copied into container2.     Control5, a copy of control4, placed in container2.

Dropping a control onto a container will place the control at the bottom of the container.

Control1 moved into container4.     Control1 is placed at the end of container2.

Dropping a control onto a page will move that control onto that page in a new container.

Control2 dropped on Home page.     Control2 placed in a new container 'c101' in the Home page.

Renaming a Control

Controls can be renamed using the Rename context menu option.

Rename option on control3 context menu. 

The keyboard shortcut F2 will also activate Rename command.

Control3 in Rename mode.

Editing Controls

A user control can be edited by using the context menu option Edit in Visual Studio. This option will only be present if the user control property Generate is set to “First Time Only”.

Context menu option Edit in Visual Studio for a control in Project Explorer.

Deleting Controls

Controls can be deleted using the Delete context menu option.

Delete option on control3 context menu.

The Delete key will activate Delete action.

Multiple controls deleted at once by pressing Delete on the keyboard.