Blog: Posts from February, 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 February, 2012
Tuesday, February 21, 2012PrintSubscribe
Wrapping Long Action Text in Action Column

If an action group with the scope of “Action Column” has a few actions with long header text then you may end up with the following presentation of actions.  Action buttons will not wrap and will take a significant amount of real estate on the page.

image

You can correct this situation by creating a custom CSS stylesheet.

Select the project name on the start page of the web application generator and choose Develop project action. Your development environment will start up.

Select ~/App_Themes folder in your project and add a new CSS stylesheet to the folder that has the same name as the namespace of your web application. The default web application namespace is MyCompany.

Right-click the folder name, select Add New Item… option in the context menu and proceed to add a new Style Sheet item to your project. Change the name of the item to anything your want or leave the default value in the Name input box. Click Add button and the new CSS stylesheet file will become a part of your project.

image

Enter the following CSS rules to the file.

table.DataView tr .Cell.ActionColumn
{
    white-space:normal!important;
}

table.DataView tr .Cell.ActionColumn a span
{
    display:inline-block;
    white-space:normal;
}

table.DataView tr .Cell.ActionColumn a
{
    margin-top:2px;
    display:inline-block;
}

Save the file and bring up the browser window, hit Refresh button of your browser and the presentation of the Actions column will change. Individual actions will be displayed as multi-line boxes and will wrap to the next line when needed.

image

Friday, February 10, 2012PrintSubscribe
Search Mode & Options

Code On Time web applications now support configuration of search options rendered on search bars and displayed in context menus of columns headers in “grid” views.

The following picture shows the Search Configuration section of the UnitPrice data field.

End users are required to enter “between” values on the search bar and have an option to search for products with unit price “greater than” a specified value.

image

If the search bar is activated then the Unit Price options are “between” and “greater than”.

image

The screen shot below shows the initial state of the search bar and available filter options in the context menu of the Unit Price column.

image

The default search option for text fields is “equal”.

It is now possible to override the search option for the entire application.

The following snippet of C# code shows a class that redefines search options for all text fields with the exception of Product Name.

The “contains” search option becomes the first option on the search bar. The context menus will not be rearranged and will show only the options specified by application developer.

using System;

namespace MyCompany.Data
{
    public partial class Controller
    {
        protected override void ConfigureDataField(ViewPage page, DataField field)
        {
            if (field.Type == "String" && field.Name != "ProductName")
                field.SearchOptions = "$contains, *";
        }
    }

}

Notice that the “*” option automatically completes all standard search options.

This is the result of the global field configuration.

image

The ability to configure search mode and options is available in Premium and Unlimited editions of Code On Time.