OmniUpdate – Customize page appearance with snippets

 

This section requires knowledge of Editing an editable region.

Also remember that the ITS recommended browser for use with OmniUpdate is Google Chrome.

What are Snippets?

Snippets are simple building blocks for generating otherwise advanced page layouts in Omniupdate’s WYSIWYG editor. Snippets can be used together to get your page looking just how you want it.

 

snippet-to-layout

 

Types of snippets:

  • Alert box – Colored background to emphasize text content.
  • Panel box – Colored panel that breaks content up into sections.
  • Button – Generates a colored button to use instead of a plain hyperlink.
  • Columns – serves to separate any type of content into two to four columns.
  • Style Modifier – Snippets used to modify the appearance of content. (eg: special formatting & alignment)

 

How to use Snippets

Step 1 — Since Snippets are used in OmniUpdates WYSIWYG editor, they can be accessed from the toolbar by clicking the snippet-icon icon.

Step 2 — Once there you can filter the available snippets by selecting a category. Once you select the snippet you want to use, you will see a table appear with pre-generated content.

gif-snippet-select-sm

 

Step 3 — Simply replace the content in the table and save your page to see the rendered product in the Preview pane.

gif-snippet-preview-sh-comp

For a more detailed example of how to build your own page with the help of snippets, click here.

 

OmniUpdate – Create a new page

Creating new pages has been made easy! When you create a new page, you’ll get to choose a new template, and your page will already start with a navigation panel and styles to make your page fit in with the rest of the site. Below are instructions to create your page.

Step 1: Log into Omniupdate — read the Log in to OmniUpdate tutorial.

Step 2: Navigate to your site directory — To reach the site directory, see the content button at the top of your page in Omniupdate. Next, navigate to the root directory by clicking the home icon. If it is grey, then you are already there!

From the root you can see a list of sites, each tagged with the foldericon. Find yours and open it to view the contents of your site.

For example, if you want to work in the Sustainability site, you’ll know you’re in it if you see sustainability-dirat the top of your page.

Step 3: To create a new page — select the new-button button. This will present you with options for the layout of your new page.

Step 4: Select a layout — You’ll be given three choices on how you want your page designed. Here’s the details on each option:

One Column Page — One editable region of content spans entire page. Option of a horizontal navigation along the top of the page.

Two Column Page — Content spans most of the page region. This layout is designed to with space for navigation on the left. A horizontal navigation along the top of the page is optional in this layout.

Three Column Page — Two editable regions are available — one for main content in the center and another for side content on the right. The left is reserved for vertical navigation, while the top of the page is available for horizontal navigation.

Horizontal headers are usually used for overarching navigation that’s different from the side navigation. It is typically used in very large sites.

columns

If you are using a One or Two column page, you can always add additional columns within your editable content regions by using snippets. To learn more about snippets, visit the Snippets Tutorial.

Step 5: Choose a file name and a page title

File Name: This is the name of your file. This is seen in the URL when someone is on their website.

Page Title: This is what will appear at the top of your page.

Remember: You can always change these options later.

new-page-options

 

And you’re done! Our next tutorial covers how to edit an existing page.

Edit an existing page

Step 1: Load the page in OmniUpdate — here are instructions for how to locate the page you want to edit and get to it within Omniupdate.

 

Step 2: Edit a content region — First we need to make sure we are in edit mode. The upper navigation has four options. Make sure edit mode is selected.
The green EDIT buttons represent editable content areas. The foundation of any page is its main content.
To add or modify your main content, click EditMainContent

You should then see an editor like this:

wysiwyg

 

Step 3: Modify your content — text can now be created and deleted as if you were working in a rich-text editor like Microsoft Word. Below are the common tools for modifying text:

Text attributes: Bold, Italicize, Underline, Strikethrough

text-attributes

Text format: Choose between heading and paragraph formats.

text-paragraph

Text Alignment: Left, center, right, full

text-align

 

Step 4: Saving and publishing your changes — is easy! To save, click on the floppy disk icon (save-floppy) at the top left corner of your editor. This will save your changes in OmniUpdate without affecting what’s on the live site.

 

Step 5: Publish — once you’re satisfied with your changes and you’ve saved, you can select the publish  button. This will immediately copy your changes to the live smccd.edu website for everyone to see.

 

For example: If you were working in Omni update on test.pcf in the sustainability site, and you were to publish the page, it would show up on smccd.edu/sustainability/test.html

Up Next

Customize page appearance with snippets
Advanced editing tools

Log into OmniUpdate

Before you can make changes to your pages you must log in through OmniUpdate. There are several methods to access the login panel. Here are two.

Step 1: Reaching the login panel

Method 1: Entering through the page you want to modify

To enter the editor through your page. Scroll to the bottom of the page and click on the © icon to reach OmniUpdate.

c

Method 2: Following a direct link

With a url you can access OmniUpdate directly, however you will then need to browse to your site and page from the root directory.

Step 2: Logging in — Enter your credentials provided by ITS.

login-panel

Lost Password: Click ‘Reset Password’ and enter your username and email associated with the account.
Lost Username or email: Submit a request to the ITS Helpcenter for assistance.

 

Demo Walkthrough

logging-in

 

Depending on how you reached Omniupdate, you may need to perform the extra step of navigating to your page. By clicking content you will see the directory listing from either the root directory, or from a site. By clicking on the home icon at the top left corner of the page you will reach the root directory that contains most of the smccd.edu sites. Scroll to find your site and open it. Next you’ll see a list of pages in your site. Once you have your page open, see the next tutorial on how to edit an existing page.

 

 

Also see

Edit an existing page

Create a new page

Office 365 Tutorial

Find a frequently asked question.

 

 

How do I record a new greeting for incoming voice-mail?

2

 

  • Click on the settings “gear” in the right corner
  • Select Options from the pull-down menu

3

 

  • Select Phone from the list on your left
  • Click on the voicemail tab, scroll down, and under the heading Greetings, follow the steps to record a new greeting

4

 

What phone number would I call to retrieve voice-mail by phone?

You can dial extension x7411 (650 378-7411)

 

What is my PIN to access my voicemail by phone?

You will receive an email from the sender “Microsoft Outlook” welcoming you to the Exchange Unified Messaging Service. It will include a six digit PIN that you can access voicemail by phone

You can also retrieve this PIN by:

2

 

•     Click on the settings “gear” in the right corner

  • Select Options from the pull-down menu

3

 

  • Select Phone from the list on your left
  • Click on the voicemail tab, scroll down, and follow the steps labeled Reset PIN.  PINs must be at least 6 characters in length.

  7

 

How do I forward SMCCD email to a different email address?

2

 

  • Click on the settings “gear” in the right corner
  • Select Options from the pull-down menu

3

  • Select Account from the list on your left
  • Select Connected Accounts from the right window
  • In the forwarding textbox, type in the email address you would like to forward SMCCD mail to.

 

 10

 

Compatibility:

Do I need to do anything to my Windows computer to connect to Office 365?

The end user does not need to reconfigure anything on their local outlook client. If Outlook was open prior to the switch to O365, a restart of the local outlook client will just need to be done.

Does Office 365 support Macintosh computers?

  1. You can access your email with the Mac version of Outlook (or other Mac application that supports Exchange.)  There is also a Lync client for Mac users.

How do I configure my IOS device (iPad, iPhone) to work with Office 365?

Your iPhone might work with no intervention, or you might have to delete your Exchange account and add it back.  iPhones have an “autodetect” feature so you don’t need to know any server details.  Deleting the account from your IOS device does not delete the messages from the server!

Additionally, there are a number of IOS Apps designed to work with Office 365.  These can be downloaded from the Apple App Store.  You will find OWA for email, a Lync app and an app to support Skydrive.  When configuring these apps, you will need to indicate you are using a corporate account in Office 365.

How do I configure my Android device to work with Office 365?

Android will need to know the new server name.  You don’t need to delete the account; just change the server name to “m.outlook.com.”  If this is successful all the configuration settings should be filled in.

Because there are so many flavors of Android devices, your personal device may need more details, some users have been successful using outlook.office365.com as the server.  When asked for a username, use the format as an email address (e.g. user@smccd.edu), leave the domain blank.

 

What does Microsoft mean by “presence”?

A person’s presence is determined by a collection of attributes that describe the person’s status, activity, location, willingness to communicate, and contact information. Presence information helps you to contact others and helps others to reach you.

Presence information provides context for a contact and helps you to decide the best way to communicate with the contact. For example, assume that you need to discuss a proposal with a co-worker. You look at her status in your Contact List and see that the contact is available. You could walk down the hall and talk to the person face-to-face, but you notice the person’s location indicator and personal note indicates the person is working at home, so you decide to send an instant message to the contact instead

You can manually change your presence status in Lync by changing the Presence status indicator just below your name from within Lync.

11

 

 

Find a frequently asked question.