Timeline event template custom design.

Developer Support CMS Development
1

Hi,

I am currently trying to create template for contacts timeline using Developers | HubSpot/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.

2

@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"
%}
3

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.

4

Not sure what your are saying now.
But this works for any kind of template as stated before.

5

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?

[Developers | HubSpot](http://Event%20template creation)

6

@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).