Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SectionBlock? #316

Closed
ayushin opened this issue May 6, 2020 · 2 comments
Closed

SectionBlock? #316

ayushin opened this issue May 6, 2020 · 2 comments
Labels
Type: Enhancement New feature or functionality change

Comments

@ayushin
Copy link

ayushin commented May 6, 2020

Hi,

Just figuring out how to structure content of a single page website.

So far it seems to be that adding a SectionBlock layout streamblock that you can use in ReusableContent snippet might be the way to go?

Is that something you'd like to include in the core code or do I miss something obvious?

@ayushin ayushin added the Type: Enhancement New feature or functionality change label May 6, 2020
@vsalvino
Copy link
Contributor

vsalvino commented May 6, 2020

The Bootstrap way to create sections would be: Container > Row > Columns. So we tend to follow that paradigm in coderedcms.

Creating a Responsive Grid Row block renders a container and row divs in the HTML. You can add custom CSS classes and toggle full width container size:

<div class="container[-fluid] [custom_css_class]">
  <div class="row">
    ....
  </div>
</div>

Within the row you can add any number of columns, including full-width columns.

We also have a Hero Unit Block, which provides an additional outer div with optional background image and color controls. Within the Hero Unit Block you can create a Responsive Grid Row, or enter raw HTML, so you have total control.

If you wanted some other structure, then I would recommend making your own block class and adding it into the body field of your page class.

@ayushin
Copy link
Author

ayushin commented May 7, 2020

Thanks for the response, not what I was talking about, but super helpful!

In fact what I need is a Duplicate of #305

@ayushin ayushin closed this as completed May 7, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement New feature or functionality change
Projects
None yet
Development

No branches or pull requests

2 participants