1"use strict";(self.webpackChunkoctab=self.webpackChunkoctab||[]).push([[3045],{5957:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>a,default:()=>h,frontMatter:()=>r,metadata:()=>s,toc:()=>l});const s=JSON.parse('{"id":"tutorials/home-page","title":"Craft Your Perfect Dashboard with the Home Page","description":"Your Home page is designed to be your personal command center every time you open a new tab. It\'s a customizable dashboard where you can add widgets, change backgrounds, and create an environment that boosts your productivity and suits your style.","source":"@site/docs/tutorials/home-page.md","sourceDirName":"tutorials","slug":"/tutorials/home-page","permalink":"/docs/tutorials/home-page","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":7000,"frontMatter":{"sidebar_position":7000},"sidebar":"tutorialSidebar","previous":{"title":"Find Anything Instantly with Main Search","permalink":"/docs/tutorials/search"},"next":{"title":"Tab Grouping Feature: A Step-by-Step Tutorial","permalink":"/docs/tutorials/tab-grouping"}}');var i=t(4848),o=t(8453);const r={sidebar_position:7e3},a="Craft Your Perfect Dashboard with the Home Page",d={},l=[{value:"Part 1: Understanding Your Octab Home Page",id:"part-1-understanding-your-octab-home-page",level:2},{value:"Part 2: Key Features of the Home Page",id:"part-2-key-features-of-the-home-page",level:2},{value:"Part 3: Editing and Customizing Your Home Page",id:"part-3-editing-and-customizing-your-home-page",level:2},{value:"Part 4: Advanced Home Page Settings (in Edit Mode)",id:"part-4-advanced-home-page-settings-in-edit-mode",level:2},{value:"Your Personalized Command Center",id:"your-personalized-command-center",level:2}];function c(e){const n={h1:"h1",h2:"h2",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"craft-your-perfect-dashboard-with-the-home-page",children:"Craft Your Perfect Dashboard with the Home Page"})}),"\n",(0,i.jsx)(n.p,{children:"Your Home page is designed to be your personal command center every time you open a new tab. It's a customizable dashboard where you can add widgets, change backgrounds, and create an environment that boosts your productivity and suits your style."}),"\n",(0,i.jsx)(n.h2,{id:"part-1-understanding-your-octab-home-page",children:"Part 1: Understanding Your Octab Home Page"}),"\n",(0,i.jsx)(n.p,{children:"By default, the Octab Home page is what you'll see when you open a new tab in your Chrome browser. It's your starting point, ready to be tailored to your needs."}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Octab Home Page",src:t(3002).A+"",width:"2978",height:"1678"})}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Customizing New Tab Behavior:"}),"\nWhile the Octab Home page is the default, you have the flexibility to change what appears when you open a new tab. This can be configured in the main Octab settings:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Octab's Home page:"})," The default, customizable dashboard experience."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Tasks page:"})," Jump directly into your tasks."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Reopen your last active page in Octab:"})," Continue right where you left off within Octab."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Chrome's default new tab page:"})," If you prefer the standard Chrome new tab."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Open a Custom URL:"})," Set any website to open as your new tab."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Open a specific Octab page:"})," Choose another specific view within Octab (like a particular folder) as your new tab page."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Octab Settings",src:t(7186).A+"",width:"690",height:"356"})}),"\n",(0,i.jsx)(n.h2,{id:"part-2-key-features-of-the-home-page",children:"Part 2: Key Features of the Home Page"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Widgets, Widgets, Widgets!"}),"\nThe core of customization lies in widgets. You can add a variety of widgets to make your Home page truly functional and personalized for you. Available widgets include:"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Sticky Notes:"})," Quickly jot down reminders and ideas."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Saved Websites, Folders, Notes... Icon Shortcuts:"})," Direct access to your most used Octab resources."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Clock:"})," Keep track of time with different clock styles."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Tasks:"})," Display and manage your to-do lists directly on your dashboard."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"RSS Feeds:"})," Stay updated with your favorite news sources and blogs."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Embed a Website:"})," Display a live view of a specific webpage within your Home page."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Search on Google:"})," A quick search bar for Google searches."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Opened tabs:"})," See and manage your currently open browser tabs."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Browser History:"})," Quickly access your recent Browse history."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Pomodoro Timer:"}
1)," Boost productivity with a built-in Pomodoro timer."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Ambient Music:"})," Set a calming atmosphere with background sounds or music."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Image Widget:"})," Decorate your dashboard with your favorite images."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Motivational Messages:"})," Get a dose of inspiration throughout your day."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Multiple Home Pages (Up to 5!):"}),"\nOctab allows you to create and switch between up to ",(0,i.jsx)(n.strong,{children:"five different Home page layouts"}),'. Think of these as separate dashboards for different contexts (e.g., one for work, one for personal projects, one for news). You can navigate between these different "pages" or "windows" for a truly versatile setup.']}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.strong,{children:"Custom Background Images:"}),"\nPersonalize your space!"]}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Choose from a selection of ",(0,i.jsx)(n.strong,{children:"predefined background images"})," provided by Octab."]}),"\n",(0,i.jsxs)(n.li,{children:["Upload your ",(0,i.jsx)(n.strong,{children:"own custom image"})," to make it uniquely yours. This is one of the most popular ways to tailor your Home page!"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Octab Home Page Background",src:t(2817).A+"",width:"1036",height:"892"})}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"part-3-editing-and-customizing-your-home-page",children:"Part 3: Editing and Customizing Your Home Page"}),"\n",(0,i.jsx)(n.p,{children:"Ready to make it your own? Here's how:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Entering Edit Mode:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Look for the ",(0,i.jsx)(n.strong,{children:'"Edit" button'}),", usually located in the top right corner of your Home page. Click it to enter Edit Mode."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Octab Home Page Edit",src:t(9117).A+"",width:"590",height:"186"})}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Navigating Edit Mode:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["Once in Edit Mode, a ",(0,i.jsx)(n.strong,{children:"sidebar"})," will typically appear, displaying a list of ",(0,i.jsx)(n.strong,{children:"available widgets"})," that you can add to your page."]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Managing Widgets in Edit Mode:"})}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Adding Widgets:"}),' Drag widgets from the sidebar onto your Home page or click an "add" button next to them.']}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Moving Widgets:"})," Click and drag your already added widgets to arrange them in your desired positions on the page."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Layering Widgets (Backwards/Forwards):"})," For more complex layouts, you might have options to send widgets backward or bring them forward, controlling how they overlap."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Removing Widgets:"})," Select a widget and look for a remove or delete icon (often an 'X' or a trash can)."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Widget Settings:"}),' Many widgets will have their own specific settings. In Edit Mode, you might see a gear icon or a "settings" option when you select a widget. This allows you to change its appearance, what content it displays, or its behavior.']}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"part-4-advanced-home-page-settings-in-edit-mode",children:"Part 4: Advanced Home Page Settings (in Edit Mode)"}),"\n",(0,i.jsxs)(n.p,{children:["While still in Edit Mode, you'll notice another ",(0,i.jsx)(n.strong,{children:'"Settings" button'}),' (often a gear icon \u2699\ufe0f), usually appearing right next to the main "Edit" button you initially clicked.']}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["This button opens a ",(0,i.jsx)(n.strong,{children:"settings modal"})," dedicated to more global options for your Home pages."]}),"\n",(0,i.jsxs)(n.li,{children:["Here, you might find options to:","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Manage your multiple Home page layouts (e.g., naming them, switching between them for editing)."}),"\n",(0,i.jsx)(n.li,{children:"Change the background image for the current Home page layout."}),"\n",(0,i.jsx)(n.li,{children:"Other general display or behavioral settings related to the Home page structure itself."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Octab Home Page Settings",src:t(1802).A+"",width:"1036",height:"402"})}),"\n",(0,i.jsx)(n.h2,{id:"your-personalized-command-center",children:"Your Personalized Command Center"}),"\n",(0,i.jsx)(n.p,{children:"The Octab Home page is more than just a new tab page; it's a dynamic and personal space. By using widgets, custom backgrounds, and even multiple page layouts, you can create a starting point that helps you stay organized, informed, and productive every time you open your browser. Experiment with the options and build the dashboard that works best for you!"})]})}function h(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},3002:(e,n,t)=>{t.d(n,{A:()=>s});const s=t.p+"assets/images/home-page-default-54625fae183c56c8a2c8049447888513.png"},2817:(e,n,t)=>{t.d(n,{A:()=>s});const s=t.p+"assets/images/octab-home-page-background-21b2c9e6372c650a165d447274c97251.png"},9117:(e,n,t)=>{t.d(n,{A:()=>s});const s=t.p+"assets/images/octab-home-page-edit-e248036e9ea8a450002d107fc3bc36c4.png"},7186:(e,n,t)=>{t.d(n,{A:()=>s});const s=t.p+"assets/images/octab-home-page-settings-fe142e6c1105fe0915de2dafbab50577.png"},1802:(e,n,t)=>{t.d(n,{A:()=>s});const s=t.p+"assets/images/octab-home-page-settings2-165c1c91f91ef52c7ebabf3fd2203c54.png"},8453:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>a});var s=t(6540);const i={},o=s.createContext(i);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.