Comments (3)
Joris,
That does look bad. But Iโm not able to reproduce it on this end with the simulator running iOS 6 or 7 and on iPhones running iOS 6 and 7. Hereโs my screenshots
Maybe you could inform me what Operating System your computer is running, what browser version, and what OS version your devices are running.
Cheers
Robert Biggs
Product Director
ChocolateChip-UI
www.sourcebits.com
(415) 288-3697
Sourcebits, Inc.
211 Sutter Street. STE 200
San Francisco, CA 94108
On Feb 21, 2014, at 5:45 AM, Joris Witteman [email protected] wrote:
Hi.
Am I crazy or does the default iOS 7 demo look sloppy? Looks this way to me both in the iOS Simulator and on the demo site at http://chocolatechip-ui.com/demo#/main .
โ
Reply to this email directly or view it on GitHub.
from chocolatechip-ui.
I'm sorry to say your screenshots look just like mine do, Robert, except for the distance to the title bar which may have been a result of the way I added the demo to my PhoneGap project.
In your screenshots, the following issues are visible:
- The list items' borders are indented (they should extend all the way to the left)
- The navigation symbol ( > ) is badly center-aligned on every row.
from chocolatechip-ui.
Actually, that is the iOS 7 list style. Apple indents them on the left. I've included some screenshots from Apple's own apps that show how lists differ from iOS 6.
As far as alignment of navigation indicators, ChUI has two types of layout, basic and comp. Basic layout simply displays items in a vertically stacked order. If you want more precise control you need to use the comp layouts. Please refer to to tutorial for layouts on www.chocolatechip-ui.com. Comp layouts are more complicated but give you more control over things like alignment.
Similarly, if you look in the examples provided with ChocolateChip-UI you'll notice there are two types of list examples: normal and comp. If you compare them side by side you'll notice that comp list provide more complex layouts (hence the name comp) and more control over how items are aligned both vertically and horizontally. Ordinary lists offer merely basic layout capabilities. In simple use cases a plain list will work. If, however you want a professional looking layout, you'll want to use the comp lists.
Please take a look at this codepen for an example of comp layouts: http://codepen.io/rbiggs/pen/HckJl
from chocolatechip-ui.
Related Issues (20)
- Example navigation-backto: scroll always results entering detail page HOT 2
- Grid do not work on Safari (iPad) HOT 2
- Chocolatechipjs in its own repo HOT 2
- Back button not rendering correctly on WP8 HOT 3
- Phonegap iOS scrolling singletap hadling issues HOT 23
- $.UIEditList callback function when an item is deleted HOT 6
- data-goto not functioning in Firefox 34, 35 HOT 7
- Chocolatechip-ui app freezes after iOS unlock HOT 2
- Keyboard autofocus being triggered on input fields
- data-goto syntax in docs is wrong HOT 1
- Where do I find example for buttons? HOT 2
- Cannot read property 'classList' of null HOT 4
- chui 3.5.5 does not work on Android Jellybean (4.2) HOT 12
- chocolatechip-ui.json purpose? HOT 3
- $.UIDeletable cannot read property 'on' of undefined HOT 13
- $.UIGoToArticle() loses history between tabs HOT 12
- wp8 nokia lumia 520 "back button issue" HOT 5
- Low Memory Warnings HOT 6
- Error when using $.UIGoToArticle HOT 9
- Tabbar on Android - with scrolled content double click needed HOT 11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chocolatechip-ui.