Titanium JIRA Archive
Appcelerator Community (AC)

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

GitHub Issuen/a
TypeNew Feature
Priorityn/a
StatusClosed
ResolutionInvalid
Resolution Date2013-08-27T18:14:10.000+0000
Affected Version/sn/a
Fix Version/sn/a
ComponentsTitanium SDK & CLI
LabelsSettings, TableView, ios7
ReporterThomas Neerup
AssigneeMauro Parra-Miranda
Created2013-08-26T07:16:03.000+0000
Updated2016-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

FileDateSize
Screen Shot 2013-08-26 at 08.17.13.png2013-08-26T07:16:04.000+000068656
Screen Shot 2013-08-30 at 08.48.07.png2013-08-30T06:49:46.000+000048111

Comments

  1. 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!
  2. 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.
  3. 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?
  4. 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