Frontend Editing

[niederberger]

Hello Together

Is it possible, that frontend editing is only possible in Templates but not in Modules? I did read if for drag and drop but how about only editing text...

Thx, Thomas.

[mangelet · Accepted solution]

@niederberger 

Modules are reusable components that can be used in templates or added to pages.

The developer builds the user interface (UI) for modules using fields.

The developer then chooses which fields ar part of the editing experience.

Fields can be

1. an image eg. for a team member photo or logo
2. a text field, for a title or label
3. ... and so on

[niederberger]

Thank You for your answers. I do understand now the concept behind.

[niederberger]

Thank You for your reply.

I understand the logic of Modules and I also built some with the editable part in the lefthand panel. What I'm curious, if I look at the given Boilerplate like that one: https://github.com/HubSpot/cms-theme-boilerplate/blob/main/src/sections/hero-banner.html. It has the function of a dnd_module and that alows me to drag and drop modules of content elements. As I understand you only can do that on sections, and not modules, right?

But aside of the drag and drop you also can edit the text on the layout without the lefthandside panel. Can this editable feature also be achived by using modules?

But in general coming from other CMS systems, why is there two different approches of doing that?

[GiorgioM]

Hi @niederberger,

your question is: "can I edit the text within the module without going through the side panel", am I right?
because in this case, as far as I know, the answer is no.

As for the code you saw in the Boilerplate
https://github.com/HubSpot/cms-theme-boilerplate/blob/main/src/sections/hero-banner.html

is an example of a section template.

The section templates are pre-configured sections that can therefore contain modules (custom modules or Hubspot) within them.

Cheers
Giorgio

[GiorgioM · Accepted solution]

Hi Thomas (@niederberger),

i don't know if I understand your request well.

To make the content of a module editable you can add module's fields.

Modules are reusable building blocks that can be added to templates and pages.

For example, if you have a module with a title, you can add a Text field to store the title text.

Module's fields can have a default value.

When you insert a module in a page the module's fields values are editable on the left panel that appears when you click on the module instance (the individual rendered module on the page).

For more information read this page
https://developers.hubspot.com/docs/cms/building-blocks/modules

[mangelet · Accepted solution]

@niederberger 

Modules are reusable components that can be used in templates or added to pages.

The developer builds the user interface (UI) for modules using fields.

The developer then chooses which fields ar part of the editing experience.

Fields can be

1. an image eg. for a team member photo or logo
2. a text field, for a title or label
3. ... and so on