Blog: Posts from December, 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 December, 2012
Thursday, December 20, 2012PrintSubscribe
Order Form Sample–Part 36

If the report was created at this time, it will look like the picture below.

Sample report with a few imperfections.

There are still a few things to change:

  1. Right-align field labels in the second column.
  2. Format Unit Price, Extended Price, Subtotal, Freight, and Total as currency.
  3. Format Order Date, Required Date, and Shipped Date on the left side, and hide the time.
  4. Format Discount as percentage.

Right-Align

In Visual Studio report designer, select all field labels in the right-hand column by clicking on them while holding Ctrl key. On the toolbar, press the Align Right icon.

Aligning all field labels on the right side to the right.

Format as Currency

Right-click on the cell containing Unit Price, and press Text Box Properties.

Activating 'Text Box Properties' context menu option for 'UnitPrice' cell.

Switch to the Number section, and select “Currency” from the list.

Formatting a field as currency.

Press OK to save. Perform the same operation on Subtotal, Freight, Total, and Extended Price text boxes.

Format As Date

Select the three date fields: Order Date, Required Date, and Shipped Date. Press the Align Left button on the toolbar.

Aligning the date fields to the left.

Right-click on the first field, Order Date, and press Text Box Properties.

Activating 'Text Box Properties' context menu option for 'OrderDate' field.

Switch to Number section, and make the following changes.

Property Value
Category Date
Type *Monday, January 31, 2000

The screen will look like below:

Configuring a text box as a date field.

Press OK to save. Make the same changes to Required Date and Shipped Date fields.

Format as Percentage

Right-click on Discount field, and press Text Box Properties.

Activating 'Text Box Properties' context menu option for 'Discount' field.

Switch to the Number section, and select Percentage from the list.

Formatting a field as a percentage.

Press OK to save. Make sure to save the report file as well.

Finalized Report

Now that the minor imperfections have been removed, the report will look more like the picture below.

Order Report with the imperfections fixed.

The next step will be to add an action that will activate the report.

Thursday, December 20, 2012PrintSubscribe
Order Form Sample–Part 35

Let’s add header and footer elements that will display information about the order.

Header

Drag the Text Box item from the Toolbox into the center of the header area.

Dropping a text box element onto the report header area.

Double-click on the text box and type in “Order #[OrderID]”. The bracketed statement will automatically be replaced by an expression that evaluates as the OrderID of the first order detail at run-time.

Updating the text of the text box.

Select all the text. On the toolbar, set the Font Size to “20”. Make the text bold and underlined. Using the handles on the textbox, expand the box so that all the text is visible on one line.

Expanding the size of the text box to fit the text.

Drag two more Text Box elements onto the left side of the header. Insert the following text:

Text
Customer:
[OrderCustomerCompanyName]

Bold the text in the first box, and expand the second text box.

Adding a pair of text boxes to display a field.

Configure a few more text boxes shown next.

Employee: [OrderEmployeeLastName]
Order Date: [OrderOrderDate]
Required Date: [OrderRequiredDate]
Shipped Date: [OrderShippedDate]

This is how the header may look in the report designer.

Five fields on the left side of the header area of the report.

Create five more pairs of text boxes in the next column.

Address: [OrderShipAddress]
City: [OrderShipCity]
Region: [OrderShipRegion]
Postal Code: [OrderShipPostalCode]
Country: [OrderShipCountry]

For reference, see the next picture.

Five fields on the right side of the header for the report.

Footer

Insert the following text box pairs in the left side of the footer area:

Ship Name: [OrderShipName]
Ship Via: [OrderShipViaCompanyName]

Two fields on the left side of the report footer.

On the right side of the footer, add placeholders for Subtotal, Freight, and Total.

Subtotal:  
Freight: [OrderFreight]
Total:  

The footer will look as in the following screenshot:

Three fields on the right side of the report footer.

The Subtotal and Total fields need to be calculated. Right-click on the text box to the right of “Subtotal”, and press Expression.

'Expression' context menu option for a text box.

Specify the following expression:

Property Value
Expression
=Sum(Fields!ExtendedPrice.Value, "OrderDetails")

Press OK to insert the expression into the text box.

Right-click on the text box next to “Total”, and press Expression. Specify the following expression:

Property Value
Expression
=Sum(Fields!ExtendedPrice.Value, "OrderDetails") + First(Fields!OrderFreight.Value, "OrderDetails")

Press OK to save.

Completed Order Report rldc file.

The last step is to perform some minor changes to the rendering of data.
Saturday, December 15, 2012PrintSubscribe
Order Form Sample–Part 34

Let’s add a tablix that will display a list of order details.

Activate the Toolbox window by pressing Ctrl+Alt+X keyboard shortcut. Click on the Pin icon in the top right corner of the window to keep it open.

Pinning the Toolbox window to keep it open.

Drag Table item into the center section of the report to add a tablix element.

Dropping Table item onto the report template.

Mouse over the cell in the first column, second row, and click on the icon that appears in the top right corner.

Adding a data item to a table cell.

Click on ProductProductName data item from the list to add it to the cell.

Selecting ProductProductName data item.

The data item will be added to the cell, and the header will be automatically labeled. Double-click on the label text and change to “Product Name”.

Changing the header text of the column.

Add six more fields with the following labels. To add more columns, right-click on a column and press Insert Column | Right.

Field Label
UnitPrice Unit Price
Quantity Quantity
Discount Discount
ProductCategoryCategoryName Category
ProductSupplierCompanyName Company
ExtendedPrice Extended Price

The tablix must look as shown in this picture:

Table configured with columns and headers.

Click and drag on the dividers in the grey area above the columns to expand the columns. Expand the columns to take up all the space on the page. Make sure to allocate the most horizontal space to ProductProductName, ProductCategoryCategoryName, and ProductSupplierCompanyName.

Note that the report page should not exceed a width of 10”. You can display a ruler by clicking on Report | View | Ruler in the Visual Studio menu.

Table filling the available space.

Click on the first header cell. Hold Shift, and click on the last cell. On the toolbar, click on the Bold icon to make all text bold. Then click on the Foreground Color icon.

Changing the foreground color of the column header text.

Select the color “Midnight Blue”.

Choosing a different color.

Press OK to change the color of the text.

Highlight all cells in both rows. On the toolbar, activate the Border dropdown, and select No Border to turn off the default grey borders.

Turning off the default gray border of the table.

Then, activate the Border Color immediately to the left and select “Gray”. Press Bottom Border to turn on a single black border on the bottom.

Enabling a gray bottom border for the table cells.