Style school box, autosaves, and more

Latest Version

Version
1.7.10
Update
December 3, 2024
Size
7.86MiB
Developer
Category
Users
126
Rating
4.8 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

Better Schoolbox Extension

Ever looked at your schoolbox page and thought, 'man that could be better'?
This extension should satisfy that aesthetic desire (which is very justifiable) and more, allowing you to change the colour of your background, top bar, left bar, period headers, the list goes on!

In fact, I am giving you a little too much power here.
Anything you can change through my extension, you can also set to your own, custom images and GIFs!
This is so powerful that it is behind a password lock (hint: my onenote)

Join the discord for beta releases, news, the ability to add your own GIF or image to the growing public collection, and the password here:

https://discord.gg/8PZpmndNbr

If you find a bug, feel free to contact me over discord (actuallyhappening) or email.
If you are a programmer like me, the source code is open source and open to contribution at https://github.com/ActuallyHappening/SchoolBoxStyling

Announcement: This works for Trinity! And (untested) All Saints! And MANY other schools! Feel free to discord / email me your school's URL and I will add it :)

Changelog:
Additions in v1.7.10:
- Added support for yet another school
- Rebuilt and updated various dependencies, maybe this will be magically better?

Fixes in v1.7.9:
- Added support for yet another school
- Google changed their Material UI implementation, so the extension looks a bit different now (whiter and with rounded corners)

Fixes in v1.7.8:
- I accidentally typed a URL wrong and it has come back to bite me a year later. Searching for GIFs should work.
- Also, an edge case where spamming keys in the search bar would result in incorrect/lagged data being shown is fixed.

Added in v1.7.7:
- For 'legal' reasons, I have added a kill switch to stop the extension working if I ever need to, or to just disable the ability to set custom images and only colours. I hope it never comes to this.

Fixed in v1.7.6:
- Fixed bug where you couldn't select an online GIF with the newer grid format

New in v1.7.5:
- View GIFs larger, in a grid fashion
- Load up to 50 (from 25) GIFs online by pressing 'load more' (infinite scrolling feature coming soon)
- Fixed bug where not every custom image could be seen (max pushed from 20 -> 200, which should never be exceeded)

New in v1.7.4:
- Support for MANY more schools!
- Stupid bug is hindering any more major developments, follow here: https://github.com/firebase/flutterfire/issues/9817

New in v1.7.3:
- Support for Trinity!
- Added reset button
- Added colours to most used buttons

New in v1.7.2:
- Can bulk set and reset everything
- Can change notification icon to anything
- Added a 'spicy default' to custom image chooser

New in v1.7:
- Ability to set anything to a GIF or image
- Online features, including collated list of images & search GIF feature

Fixed in v1.6:
- Resetting works reliably

New in v1.4:
- Can change background colour
- Can change period headers

New in v1.3:
- Can change left bar colour
- Can change icon url

Disclaimer: This extension is not endorsed by schoolbox, or any any affiliated schools (yet). I am not responsible for anything you do with this extension, including (but not limited to) guessing the password to above locked feature and putting (questionable) images into your schoolbox website
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Better Schoolbox", "description": "Style school box, autosaves, and more", "version": "1.7.10", "content_security_policy": { "extension_pages": "script-src 'self' ; object-src 'self'" }, "action": { "default_popup": "index.html", "default_icon": "icons/Binary swift icon.png" }, "content_scripts": [ { "matches": [ "https://schoolbox.emmanuel.qld.edu.au/*", "https://myunity.tlc.qld.edu.au/*", "https://schoolbox.bbc.qld.edu.au/*", "https://schoolbox.somerset.qld.edu.au/*", "https://www.tss.qld.edu.au/*", "https://schoolbox.kings.net.nz/*", "https://schoolbox.somerville.qld.edu.au/*", "https://schoolbox.wcc.qld.edu.au/*", "https://schoolbox.wicv.net/*", "https://schoolbox.shalomcollege.com/*", "https://my.ipswichgrammar.com/*", "https://schoolbox.downlands.qld.edu.au/*", "https://schoolbox.arden.nsw.edu.au/*", "https://schoolbox.westbourne.vic.edu.au/*", "https://sb.amity.nsw.edu.au/*", "https://schoolbox.mecs.vic.edu.au/*", "https://saltwatercollege.vic.edu.au/*", "https://thehub.lcs.tas.edu.au/*", "https://schoolbox.investigator.sa.edu.au/*" ], "js": ["content.js"] } ], "permissions": ["activeTab", "storage"], "host_permissions": ["https://tenor.googleapis.com/*"], "manifest_version": 3}
Read more

How to download and manually install Better Schoolbox extension for Chrome

Looking for a way to install Better Schoolbox extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Better Schoolbox extensions manually, this article outlines two simple methods to effortlessly install Better Schoolbox extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Better Schoolbox extension and manually install through Drag &Drop

If you ever need to manually install a Better Schoolbox extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Better Schoolbox Extension by clicking the "Download CRX" button on the website.

Look for the Better Schoolbox extension you wish to install. Go to the website and download the Better Schoolbox extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Better Schoolbox extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Better Schoolbox extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Better Schoolbox extension for Chrome and install in Developer Mode

This is another method to install Better Schoolbox extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Better Schoolbox extension file

Select and download the Better Schoolbox extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Better Schoolbox extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Better Schoolbox extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Better Schoolbox extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Better Schoolbox extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

JobJette - Free AI Job Search Copilot Extension · Productivity 126 1 ★ 1.2MiB

icon

Clear Portal Cache Extension · Developer Tools 126 1 ★ 60.0KiB

icon

Neel's Cricket Extension · Fun 126 3 ★ 20.06KiB

icon

Address Autocomplete API by PostGrid™ Extension · Developer Tools 126 0 ★ 26.4KiB

icon

Linkedin Automation By Leadzen.ai Extension · Social & Communication 126 4 ★ 944KiB

icon

CiteMaker CiteWeb | APA 7th Edn. Extension · Productivity 126 12 ★ 927KiB

icon

Visual Debug - feedback collection tool Extension · Developer Tools 126 7 ★ 6.42MiB

icon

Summarize *this* Article Extension · Productivity 126 0 ★ 178KiB

icon

AI Prompt Lab Extension · Productivity 126 1 ★ 3.3MiB

icon

Automod Fighter Extension · Social & Communication 126 9 ★ 62.24KiB

icon

Agency Toolchest Extension · Productivity 126 2 ★ 602KiB

icon

CiteMaker CiteWeb | APA 6th Edn. Extension · Productivity 126 17 ★ 880KiB

icon

Brdr.ly - Create Fancy CSS Shapes Extension · Developer Tools 126 0 ★ 85.83KiB

icon

PRMDB for Bard-Gemini Extension · Productivity 126 2 ★ 1.0MiB

icon

ImageGPT Extension · Productivity 126 0 ★ 582KiB

icon

Load Background Tabs Lazily Extension · Productivity 126 5 ★ 77.7KiB

icon

Auto-Confirm Google Drive Popups Extension · Productivity 126 20 ★ 84.68KiB

icon

Einote: The Future of Voice Notes Extension · Productivity 126 18 ★ 397KiB

icon

Habbo Avatar Clone, Effect without Avatar Extension · Fun 126 2 ★ 5.98KiB

icon

Patent Plus Extension · Productivity 126 16 ★ 6.12MiB

icon

Tunnel Glider Extension · Fun 126 27 ★ 4.01MiB

icon

Spotify Queue+ Extension · Fun 126 3 ★ 22.58KiB

icon

Rango Extension · Accessibility 126 8 ★ 8.2MiB

icon

Custom Google Classroom Extension · Fun 126 1 ★ 387KiB

User reviews

icon

Kevin Tran (ID: 000000e3accf69a6) Voted 5 ★ - Updated 02/20/2023 Really good extension

icon

Max (ID: 0000002e7452e93c) Voted 4 ★ - Updated 10/26/2022 very good. please add simba flying off cliff tho. then heppy

icon

chuck (ID: 00000017f392f391) Voted 5 ★ - Updated 10/09/2022 this pleases me and it is good