# hubDB resources data not displaying

**URL:** <https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868>\
**Category:** CMS Development\
**Tags:** design-manager, hubdb, css, html\
**Created:** [July 13, 2022, 12:37pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868 "2022-07-13T12:37:55Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![jpineda91](https://avatars.discourse-cdn.com/v4/letter/j/c5a1d2/32.png) [@jpineda91](https://community.hubspot.com/u/jpineda91)\
**Post date:** [July 13, 2022, 12:37pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/1 "2022-07-13T12:37:55Z")

</div>

Hello,

I’m fairly new to Hubspot and was trying to implement this [hubDB resources library](https://github.com/katelynae/HubDB-Resource-Library), but after adding the module and the CSS the data does not display on the page template. Any help will be appreciated.

thanks,

---

<div class="post-metadata">

**Author:** ![ashleyidesign](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ashleyidesign/32/30338_2.png) [@ashleyidesign](https://community.hubspot.com/u/ashleyidesign)\
**Post date:** [July 13, 2022, 5:10pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/2 "2022-07-13T17:10:24Z")

</div>

Hey there,

I would make sure you’ve 1 - published the HubSpot database and 2 - on the page itself, make sure you’ve selected which HubSpot database to use. Pictures of what you have so far would be helpful.

Cheers,

- Ashley

[www.ashleyidesign.com](https://www.ashleyidesign.com)

---

<div class="post-metadata">

**Author:** ![jpineda91](https://avatars.discourse-cdn.com/v4/letter/j/c5a1d2/32.png) [@jpineda91](https://community.hubspot.com/u/jpineda91)\
**Post date:** [July 13, 2022, 8:28pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/3 "2022-07-13T20:28:55Z")

</div>

Hi @ashleyidesign Ashley,  
Thanks for replying, I decided to go a different route and coded something more simple.

So far, I got the data with some bugs; the \<a\> on line 32 does not expand to the full height of the \<div\>:

 ![code-bug.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/0/204c37178102de49422ba67b01573120f3ecf30a.jpeg)

```lia-code-sample
<div class="resource-cards-module">
 {% if module.show_filters %}
 <div class="filters">
 <div class="filter-by-type">
 <select name="topic">
 <option>View Resources By Type</option>
 {% set resource_content_type = hubdb_table_rows(module.hubdbtable_field) %}
 {% for content_type in resource_content_type|map(attribute='content_type') %}
 <option>{{ content_type.name }}</option>
 {% endfor %}
 </select>
 </div>
 <div class="filter-by-topic">
 <select name="topic">
 <option>View Resources By Topic</option>
 {% set resource_tags = hubdb_table_rows(module.hubdbtable_field) %}
 {% for tag in resource_tags|map(attribute='topics') %}
 <option>{{ tag }}</option>
 {% endfor %}
 </select>
 </div>
 <div class="search-articles">
 {% icon name="search" style="SOLID" %}
 <input type="text" name="search" placeholder="Search Resources" value="" />
 </div>
 </div>
 {% endif %}
 {% if module.headline %}<h2 class="text-center light">{{ module.headline }}</h2>{% endif %}
 <div class="grid">
 {% for row in hubdb_table_rows(module.hubdbtable_field,'&limit='~module.limit) %}
 <div class="grid-item">
 <a href="{{ row.link }}" class="item-link"></a>
 <div class="item-image-wrapper"><div class="item-image" style="background-image: url('{{ row.featured_image.url }}');">
 <span>{{row.type.name}}</span>
 </div></div>
 <div class="item-content">
 <h3>{{ row.name }}</h3>
 {{ row.description|truncatehtml(150) }}
 <hr />
 {% if row.content_type %}
 <div class="resource-topics">
 {% for tag in row.content_type|split(',') %}
 <a class="resource-topic-link" href="{{module.resources_page_link.url.href}}?topic={{tag}}">{{ tag }}</a>{% if not loop.last %},{% endif %}
 {% endfor %}
 </div>
 {% endif %}
 </div>
 </div>
 {% endfor %}
 </div>
</div>

```

Any input will be appreciated!  
Thanks,  
Jonathan

---

<div class="post-metadata">

**Author:** ![ashleyidesign](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ashleyidesign/32/30338_2.png) [@ashleyidesign](https://community.hubspot.com/u/ashleyidesign)\
**Post date:** [July 13, 2022, 8:48pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/4 "2022-07-13T20:48:43Z")

</div>

@jpineda91 Do you have this on a test page you can share the link for?

---

<div class="post-metadata">

**Author:** ![jpineda91](https://avatars.discourse-cdn.com/v4/letter/j/c5a1d2/32.png) [@jpineda91](https://community.hubspot.com/u/jpineda91)\
**Post date:** [July 13, 2022, 8:55pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/5 "2022-07-13T20:55:06Z")

</div>

@ashleyidesign

Yes, Here you go [link](https://www.anjuna.io/-temporary-slug-29783b04-3f66-4463-a745-a089770828a0?hs_preview=mKsgOMQC-79046631177)

Thanks,

Jonathan

---

<div class="post-metadata">

**Author:** ![ashleyidesign](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ashleyidesign/32/30338_2.png) [@ashleyidesign](https://community.hubspot.com/u/ashleyidesign)\
**Post date:** [July 14, 2022, 3:01pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/6 "2022-07-14T15:01:02Z")

</div>

You have a lot of links in that code. For starters, there’s no content inside the link on line 32, so nothing is going to be clickable to go to that link. I would suggest cleaning up any links that are irrelevant, especially if you just want one link for each resource item.

Feel free to email me with other questions: ashley at [ashleyidesign.com](http://ashleyidesign.com)

---

<div class="post-metadata">

**Author:** ![jpineda91](https://avatars.discourse-cdn.com/v4/letter/j/c5a1d2/32.png) [@jpineda91](https://community.hubspot.com/u/jpineda91)\
**Post date:** [July 14, 2022, 3:07pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/7 "2022-07-14T15:07:51Z")

</div>

@ashleyidesign Thanks for the feedback, I will update the \<a\>.  
Do you know why the content\_type is displaying like that? (line 41)

`{ID=4, NAME='ANALYST REPORTS', ORDER=0}`

---

<div class="post-metadata">

**Author:** ![ashleyidesign](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ashleyidesign/32/30338_2.png) [@ashleyidesign](https://community.hubspot.com/u/ashleyidesign)\
**Post date:** [July 14, 2022, 3:14pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/8 "2022-07-14T15:14:24Z")

</div>

I believe where it says

`{{ tag }}`

It should instead be

`{{ tag.name }}`

---

<div class="post-metadata">

**Author:** ![jpineda91](https://avatars.discourse-cdn.com/v4/letter/j/c5a1d2/32.png) [@jpineda91](https://community.hubspot.com/u/jpineda91)\
**Post date:** [July 20, 2022, 12:13pm UTC](https://community.hubspot.com/t/hubdb-resources-data-not-displaying/60868/9 "2022-07-20T12:13:41Z")

</div>

@ashleyidesign Thanks for your help, I got the tags to display properly.  
I’m now working on the filters, but have some questions

```lia-code-sample
<select name="topic">
 <option value="">View Resources By Type</option>
 {% for content_type in resource_content_type|map(attribute='content_type') %}
 {% set resource_content_type = hubdb_table_rows(module.hubdbtable_field) %}
 <option>{{ content_type.name }}</option>
 {% endfor %}
</select>
<script>
 jQuery('select[name=topic').on('change',function(){
 let topic = jQuery(this).val();
 if(topic !='') {
 document.location.href='{{ node.url }}/?topic='+topic;
 } 
 });
</script>

```

Above is my code for the content\_type, but I’m not sure how to set the URL path. Any help will be appreciated.