On this page an example from each shortcode group is first forced to fit in a narrow area (about 280px, which is even narrower than the smallest mobile phone screen width) in Table 1 and then the same shortcode is let to fill the whole content width (about 840px) in Table 2. This demonstration shows responsive feature of the shortcode outputs.
Please note that WP BASe is not only responsive, but it can also be configured to generate a completely different output for mobile devices (tablets can be included). You can test this by connecting to this website with a mobile phone or you can check this page for examples.
Table 1
Click a free day to apply for an appointment.
October 2024
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - Sep 30 - Oct 6, 2024
Click a free day to apply for an appointment.
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
9:00 am
10:00 am
11:00 am
12:00 pm
1:00 pm
2:00 pm
3:00 pm
4:00 pm
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - October 7 - 13, 2024
Click a free day to apply for an appointment.
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
8:00 am
9:00 am
10:00 am
11:00 am
12:00 pm
1:00 pm
2:00 pm
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - October 5, 2024
Starts
Action
Not available
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - Sep 30 - Oct 6, 2024
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - Sep 30 - Oct 6, 2024
All times are set to Asia/Bangkok (Server Timezone)
No bookings
Table 2
Click a free day to apply for an appointment.
October 2024
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - Sep 30 - Oct 6, 2024
Click a free day to apply for an appointment.
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
9:00 am
10:00 am
11:00 am
12:00 pm
1:00 pm
2:00 pm
3:00 pm
4:00 pm
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - October 7 - 13, 2024
Click a free day to apply for an appointment.
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
9:00 am
10:00 am
11:00 am
12:00 pm
1:00 pm
2:00 pm
3:00 pm
4:00 pm
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - October 5, 2024
Date
Day
Time
Starts
Action
Not available
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - Sep 30 - Oct 6, 2024
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - Sep 30 - Oct 6, 2024
All times are set to Asia/Bangkok (Server Timezone)
On this page an example from each shortcode group is first forced to fit in a narrow area (about 280px, which is even narrower than the smallest mobile phone screen width) in Table 1 and then the same shortcode is let to fill the whole content width (about 840px) in Table 2. This demonstration shows responsive feature of the shortcode outputs.
Please note that WP BASe is not only responsive, but it can also be configured to generate a completely different output for mobile devices (tablets can be included). You can test this by connecting to this website with a mobile phone or you can check <a href="http://demo.wp-base.com/mobile-specific-display/">this page</a> for examples.
<h4>Table 1</h4>
<table class="app-responsive">
<tbody>
<tr>
<td>[app_monthly_schedule]</td>
<td>[app_schedule] [app_schedule add=1]</td>
<td>[app_book_table columns="date_time, button" range="5"]</td>
</tr>
<tr>
<td>[app_book_flex mode="1"]</td>
<td>[app_book_flex mode="6"]</td>
<td>[app_list status="completed"]</td>
</tr>
</tbody>
</table>
<h4>Table 2</h4>
<table class="app-responsive">
<tbody>
<tr>
<td>[app_monthly_schedule]</td>
</tr>
<tr>
<td>[app_schedule] [app_schedule add=1]</td>
</tr>
<tr>
<td>[app_book_table range="5"]</td>
</tr>
<tr>
<td>[app_book_flex mode="1"]</td>
</tr>
<tr>
<td>[app_book_flex mode="6"]</td>
</tr>
<tr>
<td>[app_list status="completed"]</td>
</tr>
</tbody>
</table>