14
14
15
15
< br />
16
16
< form style ="margin: 0 auto; " class ="languagePreferencesForm ">
17
- < div class ="detailSectionHeader ">
17
+ < div class ="detailSectionHeader " style =" margin: 0 .5em; " >
18
18
${HeaderLanguagePreferences}
19
19
</ div >
20
20
21
21
< br />
22
- < div >
23
- < label for =" selectAudioLanguage " > ${LabelAudioLanguagePreference} </ label >
24
- < select id ="selectAudioLanguage " data-mini =" true " > </ select >
25
- </ div > < br / >
26
- < div >
27
- < input type =" checkbox " id =" chkPlayDefaultAudioTrack " data-mini =" true " / >
28
- < label for =" chkPlayDefaultAudioTrack "> ${LabelPlayDefaultAudioTrack} </ label >
29
- </ div > < br / >
30
- < div >
31
- < label for =" selectSubtitleLanguage " > ${LabelSubtitleLanguagePreference} </ label >
32
- < select id ="selectSubtitleLanguage " data-mini =" true " > </ select >
33
- </ div > < br / >
34
- < div >
35
- < label for =" selectSubtitlePlaybackMode " > ${LabelSubtitlePlaybackMode} </ label >
36
- < select id ="selectSubtitlePlaybackMode " data-mini =" true " >
37
- < option value =" Default " > ${OptionDefaultSubtitles} </ option >
38
- < option value ="OnlyForced "> ${OptionOnlyForcedSubtitles }</ option >
39
- < option value ="Always "> ${OptionAlwaysPlaySubtitles }</ option >
40
- < option value ="None "> ${OptionNoSubtitles }</ option >
41
- </ select >
42
- < div class =" fieldDescription subtitlesDefaultHelp subtitlesHelp " style =" display: none; " > ${OptionDefaultSubtitlesHelp} </ div >
43
- < div class ="fieldDescription subtitlesAlwaysHelp subtitlesHelp " style ="display: none; "> ${OptionAlwaysPlaySubtitlesHelp }</ div >
44
- < div class ="fieldDescription subtitlesOnlyForcedHelp subtitlesHelp " style ="display: none; "> ${OptionOnlyForcedSubtitlesHelp }</ div >
45
- < div class ="fieldDescription subtitlesNoneHelp subtitlesHelp " style ="display: none; "> ${OptionNoSubtitlesHelp }</ div >
46
- </ div >
47
-
48
- < br /> < br / >
22
+ < ul data-role =" listview " class =" ulForm " >
23
+ < li >
24
+ < label for ="selectAudioLanguage "> ${LabelAudioLanguagePreference} </ label >
25
+ < select id =" selectAudioLanguage " data-mini =" true " > </ select >
26
+ </ li >
27
+ < li >
28
+ < input type =" checkbox " id =" chkPlayDefaultAudioTrack " data-mini =" true " / >
29
+ < label for =" chkPlayDefaultAudioTrack " > ${LabelPlayDefaultAudioTrack} </ label >
30
+ </ li >
31
+ < li >
32
+ < label for ="selectSubtitleLanguage "> ${LabelSubtitleLanguagePreference} </ label >
33
+ < select id =" selectSubtitleLanguage " data-mini =" true " > </ select >
34
+ </ li >
35
+ < li >
36
+ < label for ="selectSubtitlePlaybackMode "> ${LabelSubtitlePlaybackMode} </ label >
37
+ < select id =" selectSubtitlePlaybackMode " data-mini =" true " >
38
+ < option value ="Default "> ${OptionDefaultSubtitles }</ option >
39
+ < option value ="OnlyForced "> ${OptionOnlyForcedSubtitles }</ option >
40
+ < option value ="Always "> ${OptionAlwaysPlaySubtitles }</ option >
41
+ < option value =" None " > ${OptionNoSubtitles} </ option >
42
+ </ select >
43
+ < div class ="fieldDescription subtitlesDefaultHelp subtitlesHelp " style ="display: none; "> ${OptionDefaultSubtitlesHelp }</ div >
44
+ < div class ="fieldDescription subtitlesAlwaysHelp subtitlesHelp " style ="display: none; "> ${OptionAlwaysPlaySubtitlesHelp }</ div >
45
+ < div class ="fieldDescription subtitlesOnlyForcedHelp subtitlesHelp " style ="display: none; "> ${OptionOnlyForcedSubtitlesHelp }</ div >
46
+ < div class =" fieldDescription subtitlesNoneHelp subtitlesHelp " style =" display: none; " > ${OptionNoSubtitlesHelp} </ div >
47
+ </ li >
48
+ </ ul >
49
49
< div class ="cinemaModeOptions " style ="display:none; ">
50
50
< br />
51
- < div class ="detailSectionHeader ">
51
+ < div class ="detailSectionHeader " style =" margin: 0 .5em; " >
52
52
${HeaderCinemaMode}
53
53
</ div >
54
- < br / >
55
- < div >
56
- < input type ="checkbox " id ="chkEnableCinemaMode " data-mini ="true " />
57
- < label for ="chkEnableCinemaMode "> ${LabelEnableCinemaMode}</ label >
54
+ < ul data-role =" listview " class =" ulForm " >
55
+ < li >
56
+ < input type ="checkbox " id ="chkEnableCinemaMode " data-mini ="true " />
57
+ < label for ="chkEnableCinemaMode "> ${LabelEnableCinemaMode}</ label >
58
58
59
- < div class ="fieldDescription "> ${CinemaModeConfigurationHelp}</ div >
60
- </ div >
61
- < br /> < br />
62
- </ div >
63
- < div >
64
- < button type ="submit " data-theme ="a " data-icon ="check " data-mini ="true ">
65
- ${ButtonOk}
66
- </ button >
67
- < button type ="button " onclick ="history.back(); " data-icon ="delete " data-mini ="true ">
68
- ${ButtonCancel}
69
- </ button >
59
+ < div class ="fieldDescription "> ${CinemaModeConfigurationHelp}</ div >
60
+ </ li >
61
+ </ ul >
70
62
</ div >
63
+ < ul data-role ="listview " class ="ulForm ">
64
+ < li >
65
+ < button type ="submit " data-theme ="a " data-icon ="check " data-mini ="true ">
66
+ ${ButtonOk}
67
+ </ button >
68
+ < button type ="button " onclick ="history.back(); " data-icon ="delete " data-mini ="true ">
69
+ ${ButtonCancel}
70
+ </ button >
71
+ </ li >
72
+ </ ul >
71
73
</ form >
72
74
< script type ="text/javascript ">
73
75
$ ( '.languagePreferencesForm' ) . off ( 'submit' , LanguagePreferencesPage . onSubmit ) . on ( 'submit' , LanguagePreferencesPage . onSubmit ) ;
74
76
</ script >
75
77
</ div >
76
78
</ body >
77
- </ html >
79
+ </ html >
0 commit comments