APIs & Integrations

Pietro-Poli-
Contributor | Platinum Partner
Contributor | Platinum Partner

UI components - CrmAssociationTable

SOLVE

Hi,
I'm working on a custom tab and in particular I need to have some sort of nested table on 2 different objects:

 

We have 2 custom objects called "Gruppi di Ticket" and "Sacchetto" plus a standard Ticket object.

  • A "Gruppi di Ticket" can have 1 or more "Sacchetto"
  • A "Sacchetto" can have 1 or more "Tickets"

I need a table, in "Gruppi di Ticket" that shows the structure of the two underlying Gruppi di Ticket objects and for each "Sacchetto" or "Ticket" some custom properties (editable and not editable) and some buttons.

Now I can achieve the first goal, but I can't create a loop to write the list of tickets. Is it something doable?


Pietro Poli
Wrike Certified Professional ★ HubSpot Certified Trainer

logo

Hubspot Platinum Partner
0 Upvotes
1 Accepted solution
Pietro-Poli-
Solution
Contributor | Platinum Partner
Contributor | Platinum Partner

UI components - CrmAssociationTable

SOLVE

Thanks @zach_threadint .
I've found this https://developers.hubspot.com/blog/hello-world-creating-your-first-react-graphql-custom-card-for-hu...

I think I'll start from there.


Pietro Poli
Wrike Certified Professional ★ HubSpot Certified Trainer

logo

Hubspot Platinum Partner

View solution in original post

0 Upvotes
4 Replies 4
Pietro-Poli-
Contributor | Platinum Partner
Contributor | Platinum Partner

UI components - CrmAssociationTable

SOLVE

Hi!
I'm working on this new Custom Card and I got this error when I do hs project upload

× Failed to upload GruppiTicket_Vista project files to xxxx (xxxxx)
[ERROR] The post to 'project upload' in account xxxxx was bad. name is missing at /app

What I'm missing?


Pietro Poli
Wrike Certified Professional ★ HubSpot Certified Trainer

logo

Hubspot Platinum Partner
0 Upvotes
Pietro-Poli-
Solution
Contributor | Platinum Partner
Contributor | Platinum Partner

UI components - CrmAssociationTable

SOLVE

Thanks @zach_threadint .
I've found this https://developers.hubspot.com/blog/hello-world-creating-your-first-react-graphql-custom-card-for-hu...

I think I'll start from there.


Pietro Poli
Wrike Certified Professional ★ HubSpot Certified Trainer

logo

Hubspot Platinum Partner
0 Upvotes
zach_threadint
Top Contributor

UI components - CrmAssociationTable

SOLVE

Hi @Pietro-Poli- 👋

 

As far as I can tell, you'll likely need to use a serverless function to retrieve the required data and then use a combination of UI Extension "Standard Components" to display that data. This is because I don't see a way to achieve this kind of nested association data structure using the "CRM data components".

 

I hope that proves helpful. Please let me know if you have any follow-up questions.

All the best,

Zach

--

Zach Klein
HubSpot Integrations & App Developer
Meanjin / Brisbane, Australia



Say g'day


If my post helped answer your query, please consider marking it as a solution.


0 Upvotes
Jaycee_Lewis
Community Manager
Community Manager

UI components - CrmAssociationTable

SOLVE

Hi, @Pietro-Poli- 👋 Thanks for your question. Let's invite some of our community experts to the conversation — hey @Anton @SteveHTM @zach_threadint, do you have any experience with the challenge @Pietro-Poli- is facing?

 

Thank you very much for taking a look! — Jaycee

linkedin

Jaycee Lewis

Developer Community Manager

Community | HubSpot