Buzz Domain Customization Request Form - ID 124

 
 
 Buzz Customization Request Form 
Use this form to begin the process of customizing your Buzz domain for your district and/or schools.

 
  Below are the items that you may customize.
   

 
  OHM BOCES Buzz Customization Elements
   

 
  Top Row Header Elements:
   
 

Provide the URL of the logo image that should appear on your front/main page. You can also email the image(s) to the OHM BrainHoney team at ohmbrainhoneyteam@oneida-boces.org.

You can also use the Link Icon Tool or the Image Icon Tool in the Text Box tools below, to enter the Link URL to the image that you want to use. Both tools will popup a window where you may enter the image url. The link tool pastes in the URL and the image tool will insert the actual image into the text box below.


   
1.
*
Item 1 Top Logo: - This is the icon logo that appears in the upper left of the banner and identifies the Buzz site's home district, school or building. You will need to send the logo image that you want to use. The image must be a PNG or JPG. The ideal size for this image is 144 pixels x 144 pixels. (the logo looks best if its background layer color is white instead of transparent)
 
   
2.
*
Enter the text that identifies your Buzz site title. This text will appear on the top banner of the external and internal pages.
 
   
3.
*
Use the Colorpicker Website to select the Hexadecimal value of the background color that will appear in your Login Page top banner.

The hexadecimal value appears above Colorpicker box in a textbox that is preceded by a # sign. Click up and down the Colorpicker rainbow vertical bar until you find the color that you want to use. If you already know your site's RGB (red green blue) color numbers, enter them in the Colorpicker boxes and it will return the matching hexadecimal value in the #box. You can then copy and paste the number here. This color will also be used for the font color of the icons appearing in the Main Body Icons. Usually the color reflects the district's and or school's color scheme.
 
   

 
  Top Banner Image(s):
   
 

The banner image is composed of 3 separate images that are combined into one image. Since the site was designed to use responsive design, we need you to provide the highest quality images for the largest screen size possible.

The banner image largest dimension is 2560 pixels wide by 420 pixels high.

In the OHM BOCES Buzz landing page, the 3 images were these sizes and were combined into one image that is 2560 pixels wide.

The left building image portion of the banner is 1050x420.

The center logo image portion of the banner is 478x420.

The right building image portion of the banner is 1032x420.

Provide the web address or url of the JPG image(s) that should appear on your front/main page.

You can also email the image(s) to the OHM BrainHoney team at ohmbrainhoneyteam@oneida-boces.org.

You can also use the Link Icon Tool or the Image Icon Tool in the Text Box tools below, to enter the link URL to the image that you want to use. Both tools will popup a window where you may enter the image url. The link tool pastes in the URL and the image tool will insert the actual image into the text box below.


   
 

Sample Banner Image

Click here to see a sample banner image which will display in a new tab. The sample is from the OHM BOCES Buzz site and is the final combined banner image. We used 3 images and merged them into one completed image to display on the Oneida BOCES Buzz login page. This is the largest image possible to display for this site. Seven different sized images, of the same banner image, are used on each site's customization so that the image displays the best image based upon the device being used to visit the site. We only need you to send us the largest image and then we can create the smaller images from it.

external_header_320.jpg
external_header_468.jpg
external_header_768.jpg
external_header_1024.jpg
external_header_1366.jpg (the fallback)
external_header_1920.jpg
external_header_2560.jpg


   
4.
 
   
5.
 
   
6.
 
   

 
  Customization Page Body Area:
   
  Submit up to six navigation icons and corresponding URLS.
   
 

Navigation icons will appear in the order submitted. These icons can provide frequently used shortcuts for your site visitors. Samples include: your district's home page, your district's email system, your district's SchoolTool and a Buzz Help Icon and link. The samples used on the Oneida Buzz login page included these icons in this order: fa-home, fa-book, fa-google, fa-envelope-o, fa-bell-o and fa-question.

Use the Font Awesome Website Icons Page to select the name of the first icon that will appear in your page body. You can then copy and paste the icon name here. Here is a sample of a bullhorn and the name to paste in the box would be fa-bullhorn.

Any URLS used for the icon links, which take the user to a page that is not on the Buzz site, will open in a new browser tab.


   
7.
*
Copy and paste the name of the Font Awesome icon that you want to display for this Icon. Recommended icon is fa-home
 
   
8.
*
Copy and paste the URL of the site or page that you want to display when a user clicks on the Icon.
The recommended link for a HOME icon is the URL of the home site for the district, school or building for which the sub-domain is being customized.
 
   
9.
Copy and paste the name of the Font Awesome icon that you want to display for this Icon. Recommended icon is fa-book
 
   
10.
Copy and paste the URL of the site or page that you want to display when a user clicks on the Icon.
The recommended link for a book icon is the URL of the SLS Digital Resources homepage.
 
   
11.
Copy and paste the name of the Font Awesome icon that you want to display for this Icon. Recommended icon is fa-google
 
   
12.
Copy and paste the URL of the site or page that you want to display when a user clicks on the Icon.
The recommended link for a google icon is the URL for a google drive
https://drive.google.com/
 
   
13.
Copy and paste the name of the Font Awesome icon that you want to display for this Icon. Recommended icon is fa-envelope-o
 
   
14.
Copy and paste the URL of the site or page that you want to display when a user clicks on the Icon.
 
   
15.
Copy and paste the name of the Font Awesome icon that you want to display for this Icon. Recommended icon is fa-bell-o
 
   
16.
Copy and paste the URL of the site or page that you want to display when a user clicks on the Icon.
The recommended link for the bell is the URL of the school's student management system.
 
   
17.
Copy and paste the name of the Font Awesome icon that you want to display for this Icon. Recommended name is fa-question
 
   
18.
Copy and paste the URL of the site or page that you want to display when a user clicks on the Icon.
The recommended link for the question mark help icon is the standard Agilix Buzz help link of https://support.agilix.com/hc/en-us/categories/200420765-Buzz
 
   

 
  Optional Footer Logo
   
 

Sample Footer Logo Image

Click here to see a sample login page footer logo image which will display in a new tab. The sample is from the Oneida BOCES Buzz login page. This is the largest image possible to display for this site. Five different sized images, of the same footer logo image, can be used on each site's customization so that the image displays the best image based upon the device being used to visit the site. We only need you to send us the largest image and then we can create the smaller images from it.

boces-logo-138.jpg
boces-logo-184.jpg
boces-logo-245.jpg (the fallback)
boces-logo-346.jpg
boces-logo-460.jpg


   
 

This image is optional. Provide the web address or url of the jpg image if you want a logo to appear on your login page. The logo will be placed in the center, towards the bottom of the page.

You can email the jpg image to the OHM BrainHoney team at ohmbrainhoneyteam@oneida-boces.org.

You can also use the Link Icon Tool or the Image Icon Tool in the Text Box tools below, to enter the Link URL to the image that you want to use. Both tools will popup a window where you may enter the image url. The link tool pastes in the URL and the image tool will insert the actual image into the text box below.


   
19.
 
   
20.
*
Enter the text that will appear on the footer for the 'Provided By' area. Typically this will be the name and address of the BOCES providing the service.
 
   

 
  Other Optional Images for site customization
   
 

The Side Menu Logo and the favicon images are optional.

You can email the images to the OHM BrainHoney team at ohmbrainhoneyteam@oneida-boces.org.

You can also use the Link Icon Tool or the Image Icon Tool in the Text Box tools below, to enter the Link URL to the image that you want to use. Both tools will popup a window where you may enter the image url. The link tool pastes in the URL and the image tool will insert the actual image into the text box below.

The SideMenu image dimensions should be 512 pixels by 12 pixels at 72 dpi. Here is a the sample sideMenuLogo.png used on the OHM BOCES Buzz site. Provide the web address or url of the image if you want a logo to appear on your site's, logged in user, at the top of the side-menu area.

The favicon image must be a PNG. The ideal dimensions are 84 pixels by 84 pixels at 72 dpi. A favicon appears in the browser bar and bookmarks. Here is a the sample favicon used on the OHM BOCES Buzz site.


   
21.
 
   
22.
 
   
  Customization Theme Color for Logged in User Pages:
   
 

Site Admins can set the themes colors that are available for the users to choose. The theme colors are listed in the table below. For the Oneida BOCES Buzz site, we selected LightBlue for the logged in user's default theme color because it went well with the Login Page's main colors.

NameColor (dark version)
Red #B71C1C
Pink #880E4F
Purple #4A148C
DeepPurple #311B92
Indigo #1A237E
Blue #0D47A1
LightBlue #01579B
Cyan #006064
Teal #004D40
Green #1B5E20
LightGreen #33691E
Lime #827717
Amber #FF6F00
Orange #E65100
DeepOrange #BF360C
Brown #3E2723
Grey #212121
BlueGrey #263238
HighContrast red, white

   
23.
*
Select your choice for internal site theme color. The theme colors are listed in the table above. Often the color selected is a close match to one of the district's school colors.
 
*
Select your choice for internal site theme color. The theme colors are listed in the table above. Often the color selected is a close match to one of the district's school colors.



















   
24.
Use this box for any comments/questions that you have regarding the customization process.
 
   

 
  Your Contact Information
   
25.
*
 
   
26.
*
 
   
27.
*
 
   
28.
*
 
   
29.
*
 
   
 
 
 
 Done  Cancel