Skip to content

Commit a5b01aa

Browse files
committed
[update] links to snippet added, overview updated
1 parent 1819496 commit a5b01aa

6 files changed

Lines changed: 14 additions & 13 deletions

File tree

docs/api/config/booking-cardtemplate.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -79,10 +79,10 @@ In the example below we create a function that takes the `card` object and retur
7979
</script>
8080
~~~
8181

82-
TBD!!!
83-
The snippet below demonstrates how to apply a template to a card:
8482

85-
<iframe src="https://snippet.dhtmlx.com" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
83+
The snippet below demonstrates how to apply a template to the left block of a card:
84+
85+
<iframe src="https://snippet.dhtmlx.com/k2v01vng" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
8686

8787
**Related articles:**
8888

docs/api/config/booking-infotemplate.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -78,9 +78,9 @@ In the example below, we define the `cardInfoTemplate` function that will genera
7878
</script>
7979
~~~
8080

81-
The snippet below shows how to apply a template to the information block of the Booking dialog: !!!tbd
81+
The snippet below shows how to apply a template to the information block of the Booking dialog that appears when a user clicks the time slot button:
8282

83-
<iframe src="https://snippet.dhtmlx.com" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
83+
<iframe src="https://snippet.dhtmlx.com/byb94ipu?mode=result" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
8484

8585
:::info
8686
You can also control which fields to display in the information block of the Booking dialog using the [`infoShape`](/api/config/booking-infoshape) property. But if both properties are applied, `infoTemplate` will override the `infoShape` settings.

docs/api/config/booking-rendertype.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,5 +33,6 @@ new booking.Booking("#root", {
3333
});
3434
~~~
3535

36-
TBD!!!
37-
<iframe src="https://snippet.dhtmlx.com/?mode=result" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
36+
The snippet below shows how to handle rendering large data sets:
37+
38+
<iframe src="https://snippet.dhtmlx.com/fb9a5a3b?mode=result" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>

docs/guides/configuration.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ description: You can learn about the configuration in the documentation of the D
1010

1111
To load data, add data to the [`data`](/api/config/booking-data) array. See all instructions here: [`Loading data`](/guides/loading-data).
1212

13-
## Defining the structure of cards
13+
## Defining the structure of cards
1414

1515
You can configure what information all cards will display on their left side using the [`cardShape`](/api/config/booking-cardshape) property or the [`cardTemplate`](/api/config/booking-cardtemplate) property, which also allows customizing the appearance of each card's block.
1616

@@ -130,9 +130,8 @@ const widget = new Booking("#root", {
130130
});
131131
~~~
132132

133-
TBD!!!
134133
:::info
135-
Please, see an example in the [snippet tool](https://snippet.dhtmlx.com)
134+
Please, see an example in the [snippet tool](https://snippet.dhtmlx.com/k2v01vng)
136135
:::
137136

138137
## Filling cards with slots
@@ -499,7 +498,7 @@ const widget = new Booking("#root", {
499498
~~~
500499

501500
:::info
502-
Please, see an example in the [snippet tool](https://snippet.dhtmlx.com) !!!!TBD
501+
Please, see an example in the [snippet tool](https://snippet.dhtmlx.com/byb94ipu)
503502
:::
504503

505504

docs/guides/loading-data.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -167,4 +167,5 @@ About loading data from the server, refer to [Working with server](/guides/savin
167167
- [confirm-slot](/api/events/booking-confirmslot-event) event
168168
- [setConfig()](/api/methods/booking-setconfig-method) method
169169
- [setConfirmHandler()](/api/methods/booking-setconfirmhandler-method) method
170+
- [renderType](/api/config/booking-rendertype) property
170171
- [Saving slots reservations to the server](/guides/saving-reservations)

docs/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ To open the view of a single card, click inside the left area of a card. The sin
4141

4242
### Booking dialog
4343

44-
The booking dialog allows booking a slot of the selected card:
44+
The booking dialog allows booking a slot of the selected card. To open it, click the time slot button.
4545

4646
![booking](assets/bookingd.png)
4747

@@ -59,7 +59,7 @@ It's possible to configure the filter settings via API: [Configuring the filter]
5959

6060
## Making an appointment
6161

62-
To schedule an appointment, click a slot for the required card, and in the **Booking** dialog, fill in the fields, and then click **Make an appointment**.
62+
To schedule an appointment, click the time slot button for the required card, and in the **Booking** dialog, fill in the fields, and then click **Make an appointment**.
6363

6464
You can also make an appointment via the single card view:
6565

0 commit comments

Comments
 (0)