This is a Sample Text Block

Your most basic block, and likely one you’ll use the most. The Text Block features a “WYSIWYG” (What You See is What You Get) editor (the ribbon at the top of the text field), so as you write your content, you can edit it within the block to see what it will look like.  

You can use the ribbon to change headings, font types (bold, italic), add bullet points or numbered lists, and adjust the alignment of the text (left, center, and right justified). You can also hyperlink text with the link icon (or highlight your text, and use CTRL + K for Windows users). 

When formatting your content, there’s no need for any Heading 1s, that’s the Research Project Title. Instead, only use Heading 2s, 3, etc. Make sure to use them in numeric order, and don’t skip (for instance, don’t go from an H2 to an H5). You can, however, go from an H2 to an H3, and back to an H2 after that.

Think about how you might structure the sections of an academic paper, and follow that model.

This is an image block.

The image block is a combination. You can place an image and a block of text next to it. Using the sliders and buttons, you can place the image in the position you want, as well as the size of it.

You’ll add an image from the media library by clicking “Add Image.”

After that, you can adjust whether the image sits on the Right or Left side of the screen, and if it takes up 1/3 or ½ of the screen.

In some cases, you’ll need to add more content to the block in order for it to scale properly. For instance, if you only add a few lines, you might have a very narrow view of the image.

  • Test Accordion

    Accordions 

    Accordions are useful for condensing a lot of information into a smaller area. They’re also excellent for things like FAQs, organizing data or reports by year, or organizing content by themes. 

    After placing the accordion block, click “Add Panel” and you’ll see this field.

    You can edit the title of that particular accordion, and edit the content that will appear under it. Within the “Content Type” field, you can choose to use the Basic or Editor mode. Basic is great if you’re just pasting basic text here. You can use Editor mode if you want to adjust the formatting of that text. Using Editor mode gives you a WYSIWYG similar to the text block

  • Test Accordion 2

    Accordions  Accordions are useful for condensing a lot of information into a smaller area. They’re also excellent for things like FAQs, organizing data or reports by year, or organizing content by themes.  After placing the accordion block, click “Add Panel” and you’ll see this field. You can edit the title of that particular accordion, and edit the content that will appear under it. Within the “Content Type” field, you can choose to use the Basic or Editor mode. Basic is great if you’re just pasting basic text here. You can use Editor mode if you want to adjust the formatting of that text. Using Editor mode gives you a WYSIWYG similar to the text block

The video object is pretty straight forward. Add a URL to the block, and if needed, add a quick caption about the video. The video will format as a full-width video on the page. YouTube is the CAS preferred channel, contact us to have your video hosted on the CAS YouTube channel.

The video object is pretty straight forward. Add a URL to the block, and if needed, add a quick caption about the video. The video will format as a full-width video on the page. YouTube is the CAS preferred channel, contact us to have your video hosted on the CAS YouTube channel. 

The video object is pretty straight forward. Add a URL to the block, and if needed, add a quick caption about the video. The video will format as a full-width video on the page. YouTube is the CAS preferred channel, contact us to have your video hosted on the CAS YouTube channel. 

The video object is pretty straight forward. Add a URL to the block, and if needed, add a quick caption about the video. The video will format as a full-width video on the page. YouTube is the CAS preferred channel, contact us to have your video hosted on the CAS YouTube channel. 

dolor sit amet consectetur

Stylized Item Test 1

The stylized list is great for highlighting key points of interest or major focuses of the research. To add list entries, place the block then click the “Add List Item” button: You can add as many items as you need, each list item has a Title and a Content field. This might be useful for breaking down the steps behind a project, calling out opportunities for growth, or anything that would benefit from being laid out in list format. On the front end, it creates a stylized block that’s distinct from other areas on the page.

Stylized Item Test 2

The stylized list is great for highlighting key points of interest or major focuses of the research. To add list entries, place the block then click the “Add List Item” button: You can add as many items as you need, each list item has a Title and a Content field. This might be useful for breaking down the steps behind a project, calling out opportunities for growth, or anything that would benefit from being laid out in list format. On the front end, it creates a stylized block that’s distinct from other areas on the page.

Test Tabs

Tabs Block

The Tab Block is a stylish way to highlight content. It behaves very similarly to the accordions, so it’s great for things like FAQs, organizing data or reports by year, or organizing content by themes. You’ll add a title, add content to the text field, and can even add an image to the background of the tab. Adding more tabs will stack them behind each other, so users can click through them.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor luctus faucibus. Donec pretium mi nunc, vel porttitor est suscipit vel. Morbi in tempus nisl. Maecenas rhoncus nulla interdum enim laoreet laoreet. Nam vel eleifend erat. Pellentesque ut leo vestibulum, facilisis erat eu, commodo est. Cras id sem vel ex faucibus tincidunt. Mauris molestie, est et dignissim finibus, augue enim malesuada lorem, in finibus velit leo sed mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor luctus faucibus. Donec pretium mi nunc, vel porttitor est suscipit vel. Morbi in tempus nisl. Maecenas rhoncus nulla interdum enim laoreet laoreet. Nam vel eleifend erat. Pellentesque ut leo vestibulum, facilisis erat eu, commodo est. Cras id sem vel ex faucibus tincidunt. Mauris molestie, est et dignissim finibus, augue enim malesuada lorem, in finibus velit leo sed mauris.

Tabs Block

The Tab Block is a stylish way to highlight content. It behaves very similarly to the accordions, so it’s great for things like FAQs, organizing data or reports by year, or organizing content by themes.

You’ll add a title, add content to the text field, and can even add an image to the background of the tab. Adding more tabs will stack them behind each other, so users can click through them.

This is the Centered Text Block

Centered Text puts a heading, a short paragraph, and an optional button in the middle of the page. It works well as a section intro or a short mission statement. In the block settings you choose the heading level, turn the stylized divider on or off, and add a button with its own link.

Optional Button
step 1
This is the Step-by-Step block

Use it for instructions or anything that happens in order: how to apply, how to submit a sample, how a process works.

step 2
Each step has a number, a title, and text

Place the block, then click “Add Row” in the block settings for each step. You type the step number yourself, so steps can be reordered without renumbering surprises.

step 3
Keep each step short

A sentence or two per step reads best. Longer explanations belong in a Text block or an Accordion above or below the steps.

This is the Notification block

A highlighted callout box for a short announcement: a deadline, an opening in the lab, a change of location. Pick a style (Default, Primary, Secondary, Success, Warning, Alert), add an optional link button, and optionally let visitors close it.

Optional Link

This is the Grid block

A set of equal cells laid out side by side. Each cell has a heading, a heading level, and a short paragraph. The number of cells sets the number of columns.

Good for a few parallel items

Research themes, services offered, lab values. Two to four cells read best; more than that gets cramped on a laptop screen.

Plain text only

The cell text is a simple text box, not an editor, so keep links and formatting for a Text block.

This is the Timeline block

Entries run down a vertical line, each with a date label, a title, and text. Use it for a lab history, a project schedule, or a list of milestones.

Two date styles

Leave “Date Style” off and type any label you like in Entry Date, as these entries do. Turn it on to pick a calendar date and show it as a month-and-day badge.

Add as many entries as you need

Each entry is a row in the block settings. Drag rows to reorder them.

  • This is the Slider block
    A full-width carousel. Each slide has a title, a line of text, and either a solid background color or a background image. Visitors move between slides with the arrows.

  • Second slide, solid color
    Pick “Solid Color” and a color in the block settings. CSU green and orange are #1E4D2B and #F15625.

  • Third slide
    Pick “Image” instead and choose a photo from the Media Library. Keep the text short, because it sits on top of the image.

Below this paragraph is the Divider block. It has no settings: it draws a short horizontal rule to separate one section of a page from the next.