github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Fixed typo in docs (#2586) 

* Fixed error in cards.md

card tools:
data-widget -> data-card-widget

* Fixed typo in card-widget.md

collapseTrigger's default value:
[data-card-widget="remove"] -> [data-card-widget="collapse"]

removeTrigger's default value:
[data-card-widget="collapse"] -> [data-card-widget="remove"]
pull/2590/head
lostship 2020-03-09 07:13:10 +08:00 committed by GitHub
parent 6934469b38
commit 76854a2634
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/components/cards.md
View File

@ -510,7 +510,7 @@ You can change the style of the card by adding any of the contextual classes.
{: .text-bold .text-dark .mt-5} {: .text-bold .text-dark .mt-5}
Cards can contain tools to deploy a specific event or provide simple info. The following examples makes use of multiple AdminLTE components within the header of the card. Cards can contain tools to deploy a specific event or provide simple info. The following examples makes use of multiple AdminLTE components within the header of the card.
AdminLTE data-widget attribute provides cards with the ability to collapse or be removed. The buttons are placed in the card-tools which is placed in the card-header. AdminLTE data-card-widget attribute provides cards with the ability to collapse or be removed. The buttons are placed in the card-tools which is placed in the card-header.
```html ```html
<div class="card card-primary"> <div class="card card-primary">
@ -519,11 +519,11 @@ AdminLTE data-widget attribute provides cards with the ability to collapse or be
<div class="card-tools"> <div class="card-tools">
<!-- This will cause the card to maximize when clicked --> <!-- This will cause the card to maximize when clicked -->
<button type="button" class="btn btn-tool" data-widget="maximize"><i class="fas fa-expand"></i></button> <button type="button" class="btn btn-tool" data-card-widget="maximize"><i class="fas fa-expand"></i></button>
<!-- This will cause the card to collapse when clicked --> <!-- This will cause the card to collapse when clicked -->
<button type="button" class="btn btn-tool" data-widget="collapse"><i class="fas fa-minus"></i></button> <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
<!-- This will cause the card to be removed when clicked --> <!-- This will cause the card to be removed when clicked -->
<button type="button" class="btn btn-tool" data-widget="remove"><i class="fas fa-times"></i></button> <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i></button>
</div> </div>
<!-- /.card-tools --> <!-- /.card-tools -->
</div> </div>

4
docs/javascript/card-widget.md
View File

@ -149,8 +149,8 @@ $('#my-card').CardWidget(options)
| Name | Type | Default | Description | Name | Type | Default | Description
|-|-|-|- |-|-|-|-
|animationSpeed | Number | 300 | Speed of slide down/up animation in milliseconds. |animationSpeed | Number | 300 | Speed of slide down/up animation in milliseconds.
|collapseTrigger | String | `[data-card-widget="remove"]` | jQuery selector to the element responsible for collapsing the box. |collapseTrigger | String | `[data-card-widget="collapse"]` | jQuery selector to the element responsible for collapsing the box.
|removeTrigger | String | `[data-card-widget="collapse"]` | jQuery selector to the element responsible for removing the box. |removeTrigger | String | `[data-card-widget="remove"]` | jQuery selector to the element responsible for removing the box.
|maximizeTrigger | String | `[data-card-widget="maximize"]` | jQuery selector to the element responsible for maximizing the box. |maximizeTrigger | String | `[data-card-widget="maximize"]` | jQuery selector to the element responsible for maximizing the box.
{: .table .table-bordered .bg-light} {: .table .table-bordered .bg-light}