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
Sunday, January 22, 2012PrintSubscribe
SharePoint Factory

Microsoft SharePoint Foundation 2010 is the fast growing corporate intranet portal gaining momentum in the development community and businesses. Powerful collaborative platform attracts developers and business users finding creative ways to utilize easy-to-build custom lists integrated with user generated content.

Developers soon discover that the custom list capabilities are limited and Microsoft does not recommend creating lists exceeding a couple of thousand records. The natural solution is the traditional database.  Fortunately the development of applications based on Microsoft SharePoint is very simple. Install SharePoint Foundation 2010, build your app using Visual Studio 2010 and deploy to the server instance from Visual Studio.

There is a downside as well. It is your responsibility to write the code interacting with the database and presenting the results to the end users.

Code On Time and SharePoint Factory will greatly simplify the production of powerful database web applications that can be deployed natively to Microsoft SharePoint portals. These web applications will have a perfect visual match to SharePoint user interface elements. Generated web applications will provide data filtering and searching capabilities exceeding the comparable features of custom SharePoint lists while handling database tables of any size.

image

Installing Development Tools

Start by installing a Microsoft Foundation 2010 on your Windows 2008 or Windows 7 machine. We have compiled a useful tutorial that guides through the SharePoint Foundation 2010 installation steps.

Download  and install Visual Web Developer Express and SharePoint Tools.

Download Code On Time web application generator at http://codeontime.com/download.aspx and install it on the same computer.

For the purpose of this tutorial we will create a web application that uses Microsoft SQL Server as the database backend.

Building a SharePoint Factory Project

Start Code On Time and select SharePoint Factory in the list of available project types.

image

Enter the project name and select the programming language that must be used to generate the project source code.

image

Click Create and validate the connection to your SharePoint instance.

image

Proceed to the Database Connection page of the project wizard. Click the button next to the Connection String input field. Enter the server name. If you are connecting to SQL Express instance then enter “.\SQLExpress”. If you have an instance of SQL Server then enter “.” in the Server field. Configure the login identity.

We will create a blank database and populate this database with the sample Northwind dataset. You can connect to an existing database if you wish.

Enter “SharePointNorthwindDemo” in the Database field  and click Create button, select “Northwind” in the Sample Tables drop down and click Install.

image

Click OK button and continue to Reporting page of the project wizard. Enable dynamic and static reports and proceed to the Features page.

Activate Package Properties section and enter the title and description values as shown in the picture.

image

Click Next a few times until your reach the page displaying a summary of application data controllers. Proceed to generate the web application.

image

A sample web site will launch in the default browser when the web application code generation is over.

The web application displayed in the web browser does look a lot like Microsoft SharePoint portal. In fact, this is a sample ASP.NET web site created as a part of your project to allow quick prototyping and design that does not involve the actual instance of the portal.

The right-hand side of the page presents an area similar to the actual SharePoint Web Part property editor. Select the logical application page constructed by the code generator to activate the Preview mode.

image

Click OK button and you will see the selected logical application page in action.

image

Use Code On Time designer to customize the web application as needed.

Deploying SharePoint Factory Web Applications

The constructed web application solution include a special project that implements a single SharePoint 2010 web part. Web parts are building block of SharePoint sites.

Here is how you can deploy the application to the SharePoint portal installed on your computer.

Select the project name on the start page of the web application generator and click Publish.

image

The code generator will package the application for deployment and in a few short moments you will see a Windows prompt asking to allow the command line processor to alter settings on your computer.

The prompt will be launched to execute a Windows PowerShell installation script that requires elevated permission to run. The script will deploy your application to the SharePoint instance on your computer.

image

You will also see a folder with binary files that can be passed to your network for deployment on the production server. Notice that Deploy.bat and Retract.bat batch files are configured to run specifically on your computer and the administrator will have to change them to work correctly in the production environment.

Both batch files require elevated permissions to run. You can retract or re-deploy your web application if you right-click the corresponding file and choose “Run As administrator” option.

image

Using Generated Web Application in SharePoint

If the deployment has been successful then you are ready to start using your web application.

Launch a web browser and navigate to your local SharePoint instance. The following page will be displayed.

image

Create a new page by selecting Site Actions | New Page option in the menu.

image

Enter “Products” as the page name field and click Create button.

image

The new page will be displayed in design mode. 

Select Insert tab on the ribbon and click Web Part button.

Select Web Apps under categories. You should see the single web part named “Share Point Factory Demo” listed under the category.

image

Click Add button to insert the web part in the page.

You will see the instruction in the main area of the page suggesting to select the logical application page. This is the default message rendered by your application when the web part is inserted in the page layout.

image

Choose Edit Web Part option in the context menu of the web part on the page.

Select the logical page Categories | Products and click OK button.

image

Exit page design mode and try interacting with your web application.

The next screen shot shows a SharePoint Factory web application up and running in the actual SharePoint portal.

image

Conclusion

SharePoint Factory  and Code On Time allow quick and easy creation of powerful database web applications designed to operate in Microsoft SharePoint portal instances.

Create a collection of application pages implemented as user controls; package them for deployment as Microsoft SharePoint 2010 Feature with a single Web Part. Integrate a line-of-business database application with a widely adopted corporate web content management system.

Monday, January 9, 2012PrintSubscribe
Standard Action Column in Grid Views

Code On Time release 6.0.0.19 and higher supports a new configuration option that automatically creates an action column with the standard actions Edit and Delete in all grid views of a generated web application.

Create a new Northwind sample project. Make sure to change the Features settings of the project as shown below when you step through the pages of the Project Wizard.

image

Generate the web application and you will notice that all grid views now feature Edit and Delete actions in the very first column.

image

If you select Edit action then the selected record will open editForm1 in edit mode.

image

Action Delete will display a prompt to delete the record.

If you have an existing application and want to incorporate an action column then either “refresh” the data controller or define a custom action group with the scope of Action Column so that it will looks as the following snapshot of the data controller in the Project Explorer. This particular screenshot represents the automatically configured action group.

image

Remember that you can add any number of actions including the custom ones in any action group.

Only one action group with the scope of “Action Column” is supported by the client library of your application.

Saturday, November 19, 2011PrintSubscribe
Designer and Explorer – The New Look Of Code On Time

Code On Time web application generator has a new look.

The New Project page is fundamentally the same and will soon feature a new project option – SharePoint Factory.

image

My Projects page has been simplified.

We have removed the Actions column and widened the community section.

image

A menu of project actions is available when you click on the project name. These include previously available actions and some useful shortcuts.

image

Project Designer is loaded upon selection of Design action.

Tabs on the start page of Designer have been rearranged. The first three tabs are Pages, Controllers, and User Controls to reflect the development workflow.

Project Explorer is displayed on right-hand side of the window. Three tabs at the bottom of the Explorer allow management of Pages, Controllers, and User Controls.

Selection of nodes in the tree view activates the relevant page in the Designer.

The tree on the Pages tab provides a unified view of all application resources including pages, containers, data views, fields, actions, and user controls.

image

Project Designer features a fixed tool bar with actions Generate, Browse and Exit. It is now possible to generate and preview application without leaving the design environment.

Generate button will generate the app and launch it in a built-in Preview browser.

Browse button will generate the app and launch it in your default web browser.

image