Skip Navigation

[Resolved] Use boostrap card with toolset block

This support ticket is created 2 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 1 reply, has 2 voices.

Last updated by Minesh 2 years, 6 months ago.

Assisted by: Minesh.

Author
Posts
#2380691

Hi there, i try to make something but i think it is not possible.

I would like to use some boostrap card, but i would like to add in field.

How i could intregrate the below code in custom field ?

I have tried to use two repeated field groups, but what i thinbk is nested view is not availaible in toolset block.

Thanks a lot for answer.

<p id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0 font-2">
<div class="text-secondary" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Introduction à Google Data Studio
</div>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">

  • Qu'est-ce que Data Studio
  • Prix et compatibilité
  • Comment vous connecter à Data Studio
  • Limite de Data Studio
  • Les bonnes pratiques

</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h5 class="mb-0 font-2">
<div class="text-secondary" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
Créez vos sources de données
</div>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">

  • Qu’est-ce qu’un connecteur
  • Connecteurs Google
  • Connecteurs partenaires
  • Connecteurs base de données
  • L'actualisation des données

</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0 font-2">
<div class="text-secondary" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
Préparez vos données
</div>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">

  • Présentation des graphiques
  • Les fonctions utiles
  • Comparez les périodes
  • Filtrez les données
  • Le design

</div>
</div>
</div>

#2381005

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Yes, nested views are not suggested or possible in Block mode.

What if you try to use the classic view and try to adjust the accordion code within the classic view.

Here is the Doc about how you can enable the legacy views:
- https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

Here is the article that shows how you can use the nested views, it will not be exactly you want but you will get idea.
=> https://toolset.com/2015/07/how-to-group-posts-by-category/

If you require further assistance you are welcome to get in touch with me.