[AC-3208] iOS7: TableView like in Settings App

GitHub Issue	n/a
Type	New Feature
Priority	n/a
Status	Closed
Resolution	Invalid
Resolution Date	2013-08-27T18:14:10.000+0000
Affected Version/s	n/a
Fix Version/s	n/a
Components	Titanium SDK & CLI
Labels	Settings, TableView, ios7
Reporter	Thomas Neerup
Assignee	Mauro Parra-Miranda
Created	2013-08-26T07:16:03.000+0000
Updated	2016-03-08T07:57:36.000+0000

Description

Is it possible to create a TableView like the Detail part of Settings App on iPad? See the attached image

Attachments

File	Date	Size
Screen Shot 2013-08-26 at 08.17.13.png	2013-08-26T07:16:04.000+0000	68656
Screen Shot 2013-08-30 at 08.48.07.png	2013-08-30T06:49:46.000+0000	48111

Comments

Daniel Sefton 2013-08-27

Hi Thomas, For feature requests, please specify in detail something specific. This report is more of a question than a feature request. I see that you did open a couple of other specific reports, which are fine. I'm going to resolve this one for now. Thanks!
Thomas Neerup 2013-08-29

Sorry about that. But where or how can I ask this kind of question? I could off cause ask in the Q/A but I would like to ask the Titanium developers this question.
Daniel Sefton 2013-08-29

You've tried to re-create it by using a grouped TableView right? I don't understand what you see as not possible? Which part can't you replicate?

Thomas Neerup 2013-08-30

I have uploaded a screenshot of a Grouped TableView in IOS 7 There is no spacing on the left and right of the sections, so i tried setting left and right to 20 on the tableview, and set the windows backgroundColor to the color of the header The parts I can't replicate.. 1 The rounded corners on sections 2 Can't get rid of the separators on top and bottom of the section I was hoping that the layout of the settings table was just a new style like GOUPED and PLAIN.

   <Alloy>
   	<TabGroup>
   		<Tab title="Settings">
   			<Window tabBarHidden="true" backgroundColor="#efeff4">
   				<TableView  style="Titanium.UI.iPhone.TableViewStyle.GROUPED" left="20" right="20" >
   					<TableViewSection headerTitle="Settings Header">
   						<TableViewRow title="Setting 1" leftImage="appicon.png"></TableViewRow>
   						<TableViewRow title="Setting 2" leftImage="appicon.png"></TableViewRow>
   						<TableViewRow title="Setting 3" leftImage="appicon.png"></TableViewRow>
   					</TableViewSection>
   					<TableViewSection headerTitle="Settings Header">
   						<TableViewRow title="Setting 5"></TableViewRow>
   					</TableViewSection>
   				</TableView>
   			</Window>
   		</Tab>
   	</TabGroup>
   </Alloy>

JSON Source