whitemx / xcontrols-domino Goto Github PK

The header bar title needs to be centred within the header bar properly

The Day, Week or Month title in the middle of the header bar should be vertically centered within the header bar (it is a bit too high).

The word "Calendar" is replacing the word "Sampler" in the top left hand side of the header bar when the Calendar is selected, but this is not done with any other control.

There needs to be a tiny bit of padding between the edge of the text and the edge of the highlight box for each calendar entry.

The height of the Departments list items in Contacts - Departments needs to be increased to match the height of the Contacts items in Contacts - Contacts

Looks very promising, a BIG step forward for text editing in Unplugged!

For brevity can we rename this to "Editing Panel"?

The title text "Click Text to Start Editing" needs to be responsive to the device. On tablets and smartphones it needs to say "Tap Text to Start Editing"

Like the Reading Panel, it needs some UI love from Jack (e.g. the blue controls need to be a bit bigger, spaced further apart)

Sync button should be positioned bottom left on footer bar. Size of sync icon and size of sync icon label should be identical to Menu icon and label, with label to the right of the icon.

If I use a ListView with no icon, landscape mode (on ipad) renders the data along the left.
In portrait mode the data seems to be 'shifted' right as if it expects an icon in the row.

Specifically on Android on Unplugged.

Can we please style the icons as black (rather than dark grey) and the icons labels as black (rather than blue) as we did in the previous generation Sampler? This makes them stand out much better and so makes them easier to browse and choose.

Also it would be nice to retain the pop-up behaviour of the previous Sampler so that you can select and expand a single icon and show the secondary information.

(iOS latest, iPad 4, running the controls in Chrome and Safari)

On my Samsung Galaxy Note 3 running Android 4.4, when I tap on the slide-in navigator icon nothing happens, except that a thin orange box outline appears around the icon. This makes it impossible to navigate the Sampler app.

(iOS latest, iPad 4, running the controls in Chrome and Safari)

There's about a 4px margin between the top navbar and the start of the left column.

I was unable to sync my Android device with the 3 databases on the londc server. My settings were correct - identical to the settings I used to successfully sync with my iPad an hour earlier.

I got the following 3 error messages when I tried to sync:

Both the Debug Toolbar and the UPMark 3 need a bit of UI attention from Jack.

The UPMark 3 needs to be renamed to UPMark 4, since it is part of the Controls 4.x release stream.

For better legibility the milliseconds results in the Results card should be made a bit bigger while keeping the row height the same (so we can keep the same number of results on the screen)

[15/08/2014 15:18:27] Jack Herbert: it looks like a new line of markup is being created (and persisting) every time the Menu button is used:

The delete button (grey circle with cross in it) is not centred vertically in its form field box. The Country selection box is not centred (vertically) properly between its adjacent neighbours. The Details text is not quite left-aligned with other text in other fields. The text line spacing in Read mode in the last 2 fields of the form is a bit too close together for the font size you have selected (this last issue is also seen in the tablet UI).

(and of course the Person form should be renamed to be "Contact Details" to be consistent with other UI elements and with the Bootcards Customers demo)

On my Samsung Galaxy Note 3 the Sync icon is too small (should be identical width and height to the top slide-in navigator icon) and the Sync button is also too small (and poorly positioned with no space between the icon and label)

It would be nice if the A-Z picker could be fixed in position like the iOS native A-Z picker in the Contacts app. Maybe Mark L can help with adapting Bootcards to make this possible.

Showing just one Card example doesn't really work for me, given that Cards together with Lists are the fundamental UI building blocks of Bootcards.

We should show an example of each main type of Bootcards card: Base Card, File Card, Media Card, Summary Card and Chart Card. The name of the UI element in the navigation list should be singular e.g. Base Card, not plural. In the Media Card use the same demo image as in the Bootcards Customers Demo.

Rather than showing just the Card example on its own, we should include an example List on the left hand side with Card examples on the right hand side. Since this is the normal treatment for displaying Cards, this is how we should show them in the Sampler.

Since the number of navigation items in the UI Elements category in the slide-in menu is now getting too large, we should split the UI elements across two categories: Cards, and Other UI Controls.

All cards used in the Sampler app need a Card identifier label in the card footer at the bottom left e.g. "Built with Bootcards - Media Card", and a View Source button in the card footer, bottom right. (as per the Bootcards Customers Demo).

The Card example you have included is too wide on PC browsers and on tablets.  There should be a maximum width stipulated for wider screen devices, rather than stretching the card across the full screen. 

Minor point - there needs to be white space padding between the icon and the icon label at the top right hand side of the Card header.

New single pane interface for portrait mode on large tablets is being developed by Mark L and will be part of v0.2 Bootcards. Bootstrap Controls needs to support this.

The full set of navigation options is already contained within the slide-in menu, so there is no need to reproduce it fully in the Dashboard panel - this just confuses the user as to what the primary means of navigation should be.

Only display those Control icons whose names directly represent a specific collection of business data objects in the Dashboard, so we can use the Dashboard icon treatment in the way that it is intended i.e. an icon followed by a number followed by a label.

This reduces the number of Dashboard icons to 4:

• Activities by Contact (number is the number of Activities)
• Activities by Dept
• Calendar (number is the number of Entries)
• Contacts (number is the number of Contacts)

Also, maintain the exact dimensions and styling of the Dashboard icons that is shown in the Bootcards Customers Demo. Mark is preparing an update of the Dashboard content and layout in Bootcards v0.2 and this should be used exactly in the Controls.

There needs to be a tiny bit more spacing between the buttons in the header area. The "Today" button should be the same height as the other buttons.

When you put your finger on the header bar and pull down, the entire screen pulls down slightly. In Bootcards Mark was able to figure out a fix to this, to lock the screen in place properly. This same fix needs to be applied to Bootstrap Controls.

This icon needs to be made bigger, to match the touch area of the other symbols in the slide-in menu.

Also, it would be logical if rather than just listing it in the navigation list in the same style as the other items, it is styled differently, since 'Home' does not represent a type of control. Maybe colour it in blue rather than grey?

This needs attention from Jack, both for Dialogs and Alerts

When you tap into a Control via a navigation item in the slide-in Navigator menu, the name of that Control should be displayed at the top of the screen in the Header bar, replacing the word "Sampler"

The control will need to be able to be used multiple times in the same page

Jack needs to have a go at styling this page better. For example, the overall text width is too wide, there needs to be more white space left and right.

Also the "Secondary text" labels are not correct

(iOS latest, iPad 4, running the controls in Chrome and Safari)

See image in #15

Hide the doccontent div until a document is loaded

The mouse pointer turns into a vertical cursor after opening the category "Germany". It should only be a cursor when editing text. This bug happens to a less noticeable extent in Flat View and Flat View Categorised (and in Contacts where these controls are used).

This needs to exactly mirror the styling and layout of Contacts in the Bootstrap Customers Demo which it doesn't at the moment (Contact Details Card layout differences - as per my previous comments)

They need to be twice the size to be easily visible and touchable

For brevity, can we rename the "Text Reading Panel" to "Reading Panel"?

This panel would benefit from some UI love from Jack (e.g. needs more white space left and right)

Person Details card should be named and labelled as "Contact Details".
It should exactly mirror the layout rules and dimensions of the Contact Details form in the Bootcards Customers Demo.

Currently there are a number of problems:

• The Edit icon labelling and padding is not correct
• The form field spacing is not correct
• There is no "Built with Bootcards" footer section at the bottom of the card, and there should be

getAttachmentList is not a function

Change label to "Tap Text TO Edit"

Have alert when clicking Save to say "nothing will happen"

Person details card needs to mirror the dimensions and layout of the Contact details card in the Bootcards Customers Demo

The list object on the left hand pane of the Accordion screen is not laid out correctly. It should follow the rules in Bootcard Lists i.e. primary data label (e.g. Christian Kneeland) should be larger and bolder than the secondary data label (e.g. Zetacomm Research) underneath.