Blog: Posts from June, 2015

Posts from June, 2015
Monday, June 29, 2015PrintSubscribe
Calendar, Multi-Column Grouping, and Sorting in the upcoming July 2015 Release

The upcoming release will incude the brand new Calendar view style, mini-calendar on the sidebar, ability to sort, and group data by multiple columns in Touch UI.  The release is expected to go out in the third week of July. The screen shots show the working version of the features, which may change at the time of release.

Calendar View Style

“Year” mode displays a full calendar with indication of data activity.

Year mode of Calendar view style in Touch UI

This mode scales in a responsive fashion on the phones.

Year mode of Calendar view style in Touch UI on a small screen

“Month” mode  shows a vertically scrollable infinite list of months.

Month mode of Calendar view style in Touch UI

This is how it scales on smaller screen.

Month mode of Calendar view style in Touch UI on a small screen

“Week” mode provides a horizontally scrollable wireframe of data.

Week mode of Calendar view style in Touch UI

Week mode of Calendar view style in Touch UI on a small screen

“Day” mode reduces “week” presentation to a single day.

Day mode of Calendar view style in Touch UI

Day mode of Calendar view style in Touch UI on a small screen

Smaller form factor will migrate calendar mode selector to the view selector.

Mode selector of calendar view style migrates to the view selector in Touch UI

Mini-calendar in Sidebar

The brand new mini-calendar feature works in “see all” mode of display. It complements well the calendar view style as can be seen in the pictures above. Mini-calendar also works with the other view styles as well. Mini-calendar becomes visible as soon as at least one “date” field is detected in the dataset.

Mini-calendar will be integrated in the Desktop UI in release

Click on a day to select a week. If a day in a selected week is clicked or touched then the “day” selection mode is activated. If the selected day is clicked or touched then “week” selection mode is activated.

Mini-calendar in List view style of an app with Touch UI


Mini-calendar in Cards view style of an app with Touch UI

Mini-calendar in Charts view style of an app with Touch UI

Mini-calendar in Grid view style of an app with Touch UI

Multi-Column Sorting

Users can now sort by multiple columns. Taping of column names will set the sort order. Subsequent tapping will cycle sorting of the fields between “ascending”, “descending”, and “none”.

Users of apps with Touch UI can configure multi-column sorting.

Multi-Column Grouping

Powerful new feature bring the grouping capabilities in the hands of developers and end users.

This screenshot shows employees grouped by “Reports To” field displays in “Cards” view style.

Grouping of employees by Reports To field in an app with Touch UI

This screenshot shows products grouped by Supplier Company Name and Category Name.

Multi-column grouping of products in an app with Touch UI

Multi-column grouping works as extension to multi-column sorting. Data is sorted first by “group by” columns and then by “sort by” columns.

Monday, June 1, 2015PrintSubscribe
Responsive Grids, User Identity, and Preview of “Live” Content Editing

Code On Time release introduces several important enhancements.

Touch UI now uses glyphicons to indicate sort and filter state. Contents of cells in responsive grid is wrapped to maximize the amount of visible information. The same “wrapped cell” design is implemented in “data sheet” view style, which will be available soon to complement responsive grid. The new view style will display a complete set of fields that can are scrolled horizontally on any screen size. The original implementation of responsive grid displayed rows of the same height making it difficult to read the content in the cells.


User identity icon is now displayed on the menu bar. The name of the user is displayed partially or completely next to the icon if the width of the device allows that. Otherwise the user name is displayed in the popup menu assigned to the icon.


Install integrated CMS in your app with Single Page App implementation model and you can try live editing of content pages. Add a content page based on any Bootstrap template to your project and select “Edit Page” in the “More” menu. If you choose “Properties’ then the app will redirect to the site content page. Only administrators, content editors, and developers are allowed to edit content pages.


Click on any content and change it directly in the browser.


Change the properties of content items.


Select glyphicons from context menu:


Save the page directly to integrated content management system.


Content pages stored in CMS are rendered both in Desktop and Touch UI. Live editing is only supported in Touch UI. Future releases will introduce a complete set of page editing capabilities that will enable constructing appealing content without effort. A collection of page templates and content fragments will be installed directly in the CMS.

The following bug fixes and enhancements are also included:

  • Master view refresh when children are changed is now supported in Touch UI. If a master view has one or more fields derived from child tables as aggregates (totals, counts, averages, etc.) then specifying “controller:NAME_OF_CHILD_DATA_CONTROLLER” in Context Fields property of a field will cause the master view to refresh and forms to recalculate the fields. This syntax is supported in both Desktop and Touch UI. The old syntax will also work.
  • Fixed desktop CSS but that has colored glyphicons in "content" pages. Now the color is scoped to ".DataViewContainer" selector.
  • Removed xmlns="" from SPA apps and enhanced content encoding tag in the output markup.
  • Introduced data-editable tag in content page templates to enable live editing of content.
  • Site content is considered to be text if its type is "application/javascript".
  • Desktop UI cancels pending "valueChanged" call in calcualted fields that leads to exceptions when a modal data view is closed.
  • Client framework will pass a combined filter that includes standard user filters and advanced search options when executing actions.
  • User Lookup does not crashes desktop UI anymore.
  • If a popup list of options does fit entirely on screen than Touch UI does not resize the menu and instead positions it sideways.
  • Touch UI aligns thumbnails vertically when Cards view style is active.
  • Touch UI aligns thumbnails to the top in lists with multiple paragraphs.

Calendar View Style is Coming Soon

We are getting close to completion of the new view style called Calendar. Take a look at a few screen shots below. The new view style uses a common “horizontal infinite scrolling” infrastructure in day and week sub-views shared with the upcoming “data sheet” view style. The screen shots are displayed without data. Data will be displayed on demand when user stops scrolling. The data pivoting technology implemented to support Smarts Charts is the foundation of the Calendar view style.







Year View on  a Small Screen