Skip to content

Commit 43061ca

Browse files
committed
Fixed Issue : Buttons not showing - Fixed,iOS
Fixed issue of Buttons not showing up for "layout: fixed" and "theme: iOS" when "viewSections" property is not set during plugin initialization process. This issue was reported in #14. Example is provided in demo/AnyPicker-Layout-Fixed-Date.htm file. Example for Issue #15 - demo/AnyPicker-Common-Date-and-Select.htm
1 parent 478e403 commit 43061ca

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+645
-82
lines changed

bower.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "anypicker",
33

4-
"version": "2.0.7",
4+
"version": "2.0.9",
55

66
"license" : "MIT",
77

Lines changed: 324 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,324 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
5+
<head>
6+
7+
<title>Basic Picker and DatePicker - AnyPicker</title>
8+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
9+
<meta name="msapplication-tap-highlight" content="no" />
10+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11+
12+
<style type="text/css">
13+
14+
body
15+
{
16+
margin: 0px;
17+
}
18+
19+
.input-cont
20+
{
21+
width: 300px;
22+
padding: 20px;
23+
}
24+
25+
input
26+
{
27+
width: 200px;
28+
height: 30px;
29+
padding: 3px 10px;
30+
31+
margin-bottom: 16px;
32+
}
33+
34+
.ap-ex-row
35+
{
36+
text-align: center;
37+
padding: 10px 0px 10px 0px;
38+
}
39+
40+
.ap-ex-row_icon
41+
{
42+
float: left;
43+
margin-left: 150px;
44+
45+
width: 30px;
46+
height: 30px;
47+
}
48+
49+
.ap-ex-row_label
50+
{
51+
float: left;
52+
margin-left: 20px;
53+
54+
height: 40px;
55+
line-height: 30px;
56+
}
57+
58+
</style>
59+
60+
<link rel="stylesheet" type="text/css" href="../src/anypicker-font.css" />
61+
<link rel="stylesheet" type="text/css" href="../src/anypicker.css" />
62+
63+
<link rel="stylesheet" type="text/css" href="../src/anypicker-ios.css" />
64+
<link rel="stylesheet" type="text/css" href="../src/anypicker-android.css" />
65+
<link rel="stylesheet" type="text/css" href="../src/anypicker-windows.css" />
66+
67+
<script type="text/javascript" src="vendors/jquery-1.11.1.min.js"></script>
68+
<script type="text/javascript" src="../src/anypicker.js"></script>
69+
<script type="text/javascript" src="Currencies.js"></script>
70+
71+
<script type="text/javascript">
72+
73+
var sArrCurrency = [];
74+
75+
function getCurrencyList()
76+
{
77+
for(var iTempIndex = 0; iTempIndex < currencies.length; iTempIndex++)
78+
{
79+
var oCurrency = currencies[iTempIndex];
80+
sArrCurrency.push(
81+
{
82+
val: oCurrency["code"],
83+
label: oCurrency["symbol_native"] + " - " + oCurrency["code"]
84+
});
85+
}
86+
}
87+
88+
var io18n = {
89+
headerTitle: "Select Currency"
90+
},
91+
oArrComponents = [
92+
{
93+
component: 0,
94+
name: "currency",
95+
label: "Currency"
96+
}
97+
],
98+
oArrDataSource = [
99+
{
100+
component: 0,
101+
data: sArrCurrency
102+
}
103+
];
104+
105+
$(document).ready(function()
106+
{
107+
getCurrencyList();
108+
109+
$("#ip-de-1").AnyPicker(
110+
{
111+
mode: "select",
112+
113+
i18n: io18n,
114+
115+
components: oArrComponents,
116+
117+
dataSource: oArrDataSource
118+
});
119+
120+
$("#ip-ios-1").AnyPicker(
121+
{
122+
mode: "select",
123+
124+
i18n: io18n,
125+
126+
components: oArrComponents,
127+
128+
dataSource: oArrDataSource,
129+
130+
theme: "iOS" // "Default", "iOS", "Android", "Windows"
131+
});
132+
133+
$("#ip-android-1").AnyPicker(
134+
{
135+
mode: "select",
136+
137+
i18n: io18n,
138+
139+
components: oArrComponents,
140+
141+
dataSource: oArrDataSource,
142+
143+
theme: "Android" // "Default", "iOS", "Android", "Windows"
144+
});
145+
146+
$("#ip-wp-1").AnyPicker(
147+
{
148+
mode: "select",
149+
150+
i18n: io18n,
151+
152+
components: oArrComponents,
153+
154+
dataSource: oArrDataSource,
155+
156+
theme: "Windows", // "Default", "iOS", "Android", "Windows"
157+
158+
componentsCoverFullWidth: true
159+
});
160+
161+
162+
163+
$("#ip-de-2").AnyPicker(
164+
{
165+
mode: "datetime",
166+
167+
dateTimeFormat: "MMMM d, yyyy"
168+
});
169+
170+
$("#ip-ios-2").AnyPicker(
171+
{
172+
mode: "datetime",
173+
174+
dateTimeFormat: "MMMM d, yyyy",
175+
176+
theme: "iOS" // "Default", "iOS", "Android", "Windows"
177+
});
178+
179+
$("#ip-android-2").AnyPicker(
180+
{
181+
mode: "datetime",
182+
183+
dateTimeFormat: "MMM dd, yyyy",
184+
185+
theme: "Android" // "Default", "iOS", "Android", "Windows"
186+
});
187+
188+
$("#ip-wp-2").AnyPicker(
189+
{
190+
mode: "datetime",
191+
192+
dateTimeFormat: "MMM dd, yyyy",
193+
194+
theme: "Windows" // "Default", "iOS", "Android", "Windows"
195+
});
196+
197+
});
198+
199+
</script>
200+
201+
</head>
202+
203+
<body>
204+
205+
<table class="input-cont">
206+
207+
<tr>
208+
209+
<td>Currency : (Default)</td>
210+
211+
</tr>
212+
213+
<tr>
214+
215+
<td>
216+
<input type="text" id="ip-de-1" value="₹ - INR" readonly />
217+
</td>
218+
219+
</tr>
220+
221+
<tr>
222+
223+
<td>Currency : (iOS)</td>
224+
225+
</tr>
226+
227+
<tr>
228+
229+
<td>
230+
<input type="text" id="ip-ios-1" value="₹ - INR" readonly />
231+
</td>
232+
233+
</tr>
234+
235+
<tr>
236+
237+
<td>Currency : (Android)</td>
238+
239+
</tr>
240+
241+
<tr>
242+
243+
<td>
244+
<input type="text" id="ip-android-1" value="₹ - INR" readonly />
245+
</td>
246+
247+
</tr>
248+
249+
<tr>
250+
251+
<td>Currency : (Windows)</td>
252+
253+
</tr>
254+
255+
<tr>
256+
257+
<td>
258+
<input type="text" id="ip-wp-1" value="₹ - INR" readonly />
259+
</td>
260+
261+
</tr>
262+
263+
264+
<tr>
265+
266+
<td>Date : (Default) </td>
267+
268+
</tr>
269+
270+
<tr>
271+
272+
<td>
273+
<input type="text" id="ip-de-2" readonly>
274+
</td>
275+
276+
</tr>
277+
278+
<tr>
279+
280+
<td>Date : (iOS) </td>
281+
282+
</tr>
283+
284+
<tr>
285+
286+
<td>
287+
<input type="text" id="ip-ios-2" readonly>
288+
</td>
289+
290+
</tr>
291+
292+
<tr>
293+
294+
<td>Date : (Android) </td>
295+
296+
</tr>
297+
298+
<tr>
299+
300+
<td>
301+
<input type="text" id="ip-android-2" readonly>
302+
</td>
303+
304+
</tr>
305+
306+
<tr>
307+
308+
<td>Date : (Windows) </td>
309+
310+
</tr>
311+
312+
<tr>
313+
314+
<td>
315+
<input type="text" id="ip-wp-2" readonly>
316+
</td>
317+
318+
</tr>
319+
320+
</table>
321+
322+
</body>
323+
324+
</html>

0 commit comments

Comments
 (0)