Cards

If you run into a problem, have questions about how something works, or have questions about functionality that is not covered, email webservices@uoregon.edu to ask for assistance.

Ask for Assistance   


Cards are blocks of data that contain a photo, a title, a subhead, and a teaser. Those items can be reordered or deleted to fit your needs. They are vertical items that can be made into a horizontal list.

Getting Started Tip

Although not required, cards are typically used in grids. Add the grid first, then add the cards in each grid item. If you have a full-width page (no left-hand secondary menu), you should probably use a 3- or 4-column grid. If you have a left-hand secondary menu, you should probably use a 2- or 3-column grid.

Grids


Add Cards

To create a card, you will need to click on the template icon and choose the second option on the left labeled "Card."

 

Add card template

Click the Insert Template button at the bottom right and it will automatically insert a new card.

 

You can now copy and paste your text for the card title, subhead, and teaser.

 

To add your photo, click on the yellow image icon in the bottom right corner of the image. That icon to bring up the media browser popup box that you see when you add new images and will function exactly the same, except you are replacing the existing placeholder image with a new one. Follow the same steps as adding a new image and the old image will be replaced by a new one.


Add Card Items

To add additional components to a card, click on the Green + button located in the top right corner of the card box. This will give you a list of components you can add to your card, including a label and additional photos, titles, subheads, and teasers. These will be added at the bottom of your current card.

 


Rearrange Card Items

To rearrange card items, click on the cross icon with arrows and drag that card item to the place you want it to be and unclick. That should move the card item to the correct place and move all card items down one place.

 


Delete Card Items

To remove one item from a card, click the Red X button on that particular card item and it will delete it from the card.

 


Delete Cards

To remove the entire card, click on the Red X button at the upper right corner of the entire card box and the entire card will be deleted.

 


Card Modifiers

Large Cards

Cards are automatically defaulted to a smaller size. You can modify the to make them larger by clicking on the yellow wheel in the upper left hand corner of the card and selecting or deselecting the card--large modifier.

Card Backgrounds

Cards are automatically defaulted to have no background color. Coming soon, you will be able to modify them to add background colors by by clicking on the yellow wheel in the upper left hand corner of the card and selecting or deselecting the card--background modifier.

Card Borders

Cards are automatically defaulted to have no border. You can modify them to add a thin grey line around the whole card by clicking on the yellow wheel in the upper left hand corner of the card and selecting or deselecting the card--border modifier.