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
January 2025
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
30
31
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
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 20 - 26, 2025
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 - Jan 27 - Feb 2, 2025
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
5:00 pm
6:00 pm
7:00 pm
8:00 pm
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 23, 2025
Starts
Action
Not available
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 20 - 26, 2025
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 20 - 26, 2025
All times are set to Asia/Bangkok (Server Timezone)
No bookings
Table 2
January 2025
MonM
TueT
WedW
ThuT
FriF
SatS
SunS
30
31
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
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 20 - 26, 2025
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 - Jan 27 - Feb 2, 2025
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
5:00 pm
6:00 pm
7:00 pm
8:00 pm
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 23, 2025
Date
Day
Time
Starts
Action
Not available
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 20 - 26, 2025
All times are set to Asia/Bangkok (Server Timezone)
One Hour Service - January 20 - 26, 2025
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>