Timeline event template custom design.

[ADTPriya]

Hi, 

    I am currently trying to create template for contacts timeline using https://app.hubspot.com/developer/<hubId>/application/<appId>/event-templates.

I have few queries regarding the template which I am working right now.

1. I wanted to implement my own design for the template. How do I create my own inside hubspot?

2. Whenever I use extraData in detailsTemplate, I could see Details

   toggle button in timeline records. So Is it possible to remove the toggle button by using template design?

3. How to integrate custom module into timeline template?

Could anybody please suggest me a better solution?

Thanks in advance.

[mangelet]

@ADTPriya usually you would add a custom module into a template. 

and that custom module should know of a few props for showing event data.

you can add your custom module into: HTML + HubL and Drag and Drop templates 

using hubl will look like this

{% module "event" path="@hubspot/custom-events",
  label="Event name",
  date="2021-02-16"
%}

[ADTPriya]

Would it be possible to have this under detailed templates of event type creation page?
Because , I couldn't add these template into it, it is reflecting as is in the timeline activity.

[mangelet]

Not sure what your are saying now.

But this works for any kind of template as stated before.

[ADTPriya]

I wanted to design (like using some sort of tables, background color etc)  a timeline activity records in Hubspot event template creation page where we have two sections one is header template and another oner is detailed template. 

Right now, I could create a conditional rendering of data with the help of handlebars and markdown. So what I'm asking here is it possible to make css styles or futher more design especially for timeline templates?

https://app.hubspot.com/developer/9185528/application/238759/event-templates

[mangelet · Accepted solution]

@ADTPriya Sure! You can crate anything adding the right css. HubSpot uses timelines a lot (= we do so as well) tipically for presenting an event agenda).