CINXE.COM
Rollout of our new dashboard - Read the Docs
<!DOCTYPE html> <html lang="en"> <head> <title>Rollout of our new dashboard - Read the Docs</title> <meta charset="utf-8" /> <meta name="generator" content="Pelican" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:site_name" content="Read the Docs" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Rollout of our new dashboard" /> <meta property="twitter:title" content="Rollout of our new dashboard" /> <meta name="description" content="Our new dashboard will begin rolling out to users. Learn what to expect and how it will affect you and your project." /> <meta property="og:description" content="Our new dashboard will begin rolling out to users. Learn what to expect and how it will affect you and your project." /> <meta property="twitter:description" content="Our new dashboard will begin rolling out to users. Learn what to expect and how it will affect you and your project." /> <meta property="og:image" content="/images/new-dashboard.png" /> <meta property="twitter:image" content="/images/new-dashboard.png" /> <meta name="tags" content="dashboard" /> <meta name="author" content="Anthony Johnson" /> <meta property="article:published_time" content="2024-11-12" /> <link rel="apple-touch-icon" sizes="180x180" href="https://about.readthedocs.com/theme/img/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://about.readthedocs.com/theme/img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="24x24" href="https://about.readthedocs.com/theme/img/favicon-24x24.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://about.readthedocs.com/theme/img/favicon-16x16.png"> <link rel="shortcut icon" href="https://about.readthedocs.com/theme/img/favicon.ico"> <link href="https://about.readthedocs.com//feeds/atom.xml" type="application/atom+xml" rel="alternate" title="Read the Docs Atom Feed" /> <link href="https://about.readthedocs.com//feeds/changelog.atom.xml" type="application/atom+xml" rel="alternate" title="Read the Docs Categories Atom Feed" /> <link rel="stylesheet" type="text/css" href="https://about.readthedocs.com/theme/css/site.css" /> <script src="https://kit.fontawesome.com/53af4251af.js" crossorigin="anonymous"></script> <script src="https://about.readthedocs.com/theme/js/vendor.js"></script> <script src="https://about.readthedocs.com/theme/js/site.js"></script> <script async type="text/javascript" src="/_/static/javascript/readthedocs-addons.js"></script><meta name="readthedocs-project-slug" content="readthedocs-about" /><meta name="readthedocs-version-slug" content="latest" /><meta name="readthedocs-resolver-filename" content="/blog/2024/11/rollout-of-our-new-dashboard/" /><meta name="readthedocs-http-status" content="200" /></head> <body> <div class="ui basic fitted attached segment"> <div class="ui container"> <div class="ui middle aligned grid"> <div class="four wide computer five wide tablet eleven wide mobile left aligned column"> <div class="ui horizontally fitted basic segment"> <a href="https://about.readthedocs.com/" aria-label="Read the Docs homepage"> <img class="ui image" src="https://about.readthedocs.com/theme/img/logo-wordmark-dark.svg" width="220" alt="Read the Docs logo"/> </a> </div> </div> <div class="five wide mobile only right aligned column"> <div class="ui wide dropdown" data-module="dropdown" data-action="select"> <i class="fad fa-bars large icon" style="--fa-secondary-opacity: 0.8;"></i> <div class="menu"> <div class="header">Log in</div> <a class="item" data-analytics="community-login" href="https://app.readthedocs.org/dashboard/"> <i class="fad fa-people-group primary icon"></i> Read the Docs Community <p class="ui mini grey text"> <code>https://readthedocs.org</code> </p> </a> <a class="item" data-analytics="commercial-login" href="https://readthedocs.com/dashboard/"> <i class="fad fa-building secondary icon"></i> Read the Docs for Business <p class="ui mini grey text"> <code>https://readthedocs.com</code> </p> </a> <a class="item" data-analytics="signup-modal" onclick="jQuery('#signup-modal').modal('show');"> <i class="fas fa-plus primary icon"></i> Sign up </a> <a class="item" href="/choosing-a-platform/"> <i class="fad fa-circle-question grey icon"></i> Choosing a platform </a> <div class="divider"></div> <div class="header">About</div> <a class="item" href="https://about.readthedocs.com/features/"> <i class="fad fa-arrow-progress primary icon"></i> How Read the Docs works </a> <a class="item" href="https://about.readthedocs.com/pricing/"> <i class="fad fa-diagram-venn primary icon"></i> Pricing </a> <a class="item" href="https://about.readthedocs.com/pricing/enterprise/"> <i class="fad fa-briefcase primary icon"></i> Enterprise plans </a> <div class="header">Features</div> <a class="item" href="https://about.readthedocs.com/docs-as-code/"> <i class="fad fa-pencil primary icon"></i> Authoring features </a> <a class="item" href="https://about.readthedocs.com/features/#building"> <i class="fad fa-gears primary icon"></i> Building features </a> <a class="item" href="https://about.readthedocs.com/features/#hosting"> <i class="fad fa-browser primary icon"></i> Hosting features </a> <a class="item" href="https://about.readthedocs.com/features/reader/"> <i class="fad fa-glasses primary icon"></i> Reader features </a> <div class="divider"></div> <div class="header">Updates</div> <a class="item" href="https://about.readthedocs.com/blog/"> <i class="fad fa-newspaper fa-swap-opacity primary icon"></i> Blog </a> <a class="item" href="http://status.readthedocs.com" target="_blank"> <i class="fad fa-circle-check fa-swap-opacity primary icon"></i> Status <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> <div class="header">Help</div> <a class="item" href="https://docs.readthedocs.io/page/support.html" target="_blank"> <i class="fad fa-envelope primary icon"></i> Support <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> <a class="item" href="https://docs.readthedocs.io" target="_blank"> <i class="fad fa-book primary icon"></i> Documentation <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> <a class="item" href="https://docs.readthedocs.io/page/tutorial/" target="_blank"> <i class="fad fa-rocket primary icon"></i> Tutorial <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> </div> </div> </div> <div class="twelve wide computer eleven wide tablet left aligned tablet only computer only column"> <div class="ui big borderless secondary menu"> <div class="ui wide dropdown item" data-module="dropdown" data-module-on="hover"> Product <i class="dropdown fad fa-caret-down icon"></i> <div class="menu"> <div class="header">About</div> <a class="item" href="https://about.readthedocs.com/features/"> <i class="fad fa-arrow-progress primary icon"></i> How Read the Docs works </a> <a class="item" href="https://about.readthedocs.com/pricing/"> <i class="fad fa-diagram-venn primary icon"></i> Pricing </a> <a class="item" href="https://about.readthedocs.com/pricing/enterprise/"> <i class="fad fa-briefcase primary icon"></i> Enterprise plans </a> <div class="header">Features</div> <a class="item" href="https://about.readthedocs.com/docs-as-code/"> <i class="fad fa-pencil primary icon"></i> Authoring features </a> <a class="item" href="https://about.readthedocs.com/features/#building"> <i class="fad fa-gears primary icon"></i> Building features </a> <a class="item" href="https://about.readthedocs.com/features/#hosting"> <i class="fad fa-browser primary icon"></i> Hosting features </a> <a class="item" href="https://about.readthedocs.com/features/reader/"> <i class="fad fa-glasses primary icon"></i> Reader features </a> <div class="header">More</div> <div class="item"> <i class="fad fa-rectangle-terminal primary icon"></i> Featured tools <i class="dropdown fad fa-caret-right icon"></i> <div class="menu"> <a class="item" href="https://about.readthedocs.com/tools/sphinx">Sphinx</a> <a class="item" href="https://about.readthedocs.com/tools/mkdocs">Mkdocs</a> <a class="item" href="https://about.readthedocs.com/tools/jupyter-book">Jupyter Book</a> </div> </div> </div> </div> <a class="item" href="https://about.readthedocs.com/pricing/"> Pricing </a> <div class="ui wide dropdown item" data-module="dropdown" data-module-on="hover"> Resources <i class="dropdown fad fa-caret-down icon"></i> <div class="menu"> <div class="header">Updates</div> <a class="item" href="https://about.readthedocs.com/blog/"> <i class="fad fa-newspaper fa-swap-opacity primary icon"></i> Blog </a> <a class="item" href="http://status.readthedocs.com" target="_blank"> <i class="fad fa-circle-check fa-swap-opacity primary icon"></i> Status <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> <div class="header">Help</div> <a class="item" href="https://docs.readthedocs.io/page/support.html" target="_blank"> <i class="fad fa-envelope primary icon"></i> Support <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> <a class="item" href="https://docs.readthedocs.io" target="_blank"> <i class="fad fa-book primary icon"></i> Documentation <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> <a class="item" href="https://docs.readthedocs.io/page/tutorial/" target="_blank"> <i class="fad fa-rocket primary icon"></i> Tutorial <span class="description"> <i class="fad fa-external-link icon"></i> </span> </a> </div> </div> <div class="right menu"> <div class="item"> <div class="ui floating top right pointing dropdown" data-module="dropdown" data-action="select" data-display-type="block"> <a class="ui"> Log in </a> <div class="menu"> <div class="header">Log in</div> <a class="item" data-analytics="community-login" href="https://app.readthedocs.org/dashboard/"> <i class="fad fa-people-group primary icon"></i> Read the Docs Community <p class="ui mini grey text"> <code>https://readthedocs.org</code> </p> </a> <a class="item" data-analytics="commercial-login" href="https://readthedocs.com/dashboard/"> <i class="fad fa-building secondary icon"></i> Read the Docs for Business <p class="ui mini grey text"> <code>https://readthedocs.com</code> </p> </a> <a class="item" href="/choosing-a-platform/"> <i class="fad fa-circle-question grey icon"></i> Choosing a platform </a> </div> </div> </div> <div class="item"> <a class="ui button" data-analytics="signup-modal" onclick="jQuery('#signup-modal').modal('show');"> Sign up </a> </div> </div> </div> </div> </div> </div> </div> <div class="ui modal" id="signup-modal" data-module="modal" data-inverted="true"> <div class="header">Get started with Read the Docs</div> <div class="content"> <div class="ui center aligned basic fitted segment"> <p> Which site best fits your project? </p> </div> <div class="ui stacking centered grid"> <div class="stretched row"> <div class="seven wide computer sixteen wide tablet column"> <div class="ui raised segment"> <div class="ui header"> Read the Docs Community <div class="sub header"> For free and open-source projects </div> </div> <div class="ui relaxed list"> <div class="item"> <i class="fad fa-lock-open primary icon"></i> Clone public repositories </div> <div class="item"> <i class="fad fa-eye primary icon"></i> Public documentation </div> <div class="item"> <i class="fad fa-rectangle-ad primary icon"></i> Ads supported hosting </div> </div> <div class="ui center aligned basic fitted segment"> <p> <b>Free</b> for open-source software. </p> <a class="ui primary center aligned button" data-analytics="community-signup" href="https://app.readthedocs.org/accounts/signup/"> Sign up </a> </div> </div> </div> <div class="seven wide computer sixteen wide tablet column"> <div class="ui raised segment"> <div class="ui header"> Read the Docs for Business <div class="sub header"> For commercial and non-free projects </div> </div> <div class="ui relaxed list"> <div class="item"> <i class="fad fa-lock-keyhole primary icon"></i> Clone private and public repositories </div> <div class="item"> <i class="fad fa-eye-slash primary icon"></i> Public and private documentation </div> <div class="item"> <i class="fad fa-users primary icon"></i> Team management for your organization </div> </div> <div class="ui center aligned basic fitted segment"> <p> Plans starting at <b>$50/month</b>. </p> <a class="ui primary center aligned button" data-analytics="commercial-signup" href="https://readthedocs.com/accounts/signup/"> Sign up </a> </div> </div> </div> </div> </div> </div> <div class="actions"> <a href="/choosing-a-platform/" class="ui cancel button"><i class="fad fa-circle-question grey icon" aria-hidden="true"></i>Choosing a platform</a> <a href="/features/" class="ui cancel button"><i class="fad fa-sparkles grey icon" aria-hidden="true"></i>Explore all the features</a> </div> </div> <main> <section> <div class="ui very padded docutils text container"> <div class="ui breadcrumb"> <a class="section" href="/">Home</a> <div class="divider"> / </div> <a class="section" href="/blog/">Blog</a> <div class="divider"> / </div> <a class="section" href="/blog/category/changelog.html">Changelog</a> <div class="divider"> / </div> <div class="active section">Rollout of our new dashboard</div> </div> <div class="ui medium header"> Rollout of our new dashboard </div> <div class="ui text menu"> <time class="item" datetime="2024-11-12T00:00:00-08:00">Nov 12, 2024</time> <div class="item"> <div class="ui dropdown" data-module="dropdown"> <i class="fas fa-tag icon"></i> <i class="fas fa-caret-down icon"></i> <div class="menu"> <div class="header">Tagged</div> <a class="item" href="/blog/tag/dashboard.html"> <i class="fas fa-tag icon"></i> dashboard </a> </div> </div> </div> <div class="right menu"> <div class="item"> Anthony Johnson </div> </div> </div> <div class="ui divider"></div> <img class="ui big rounded centered image" src="/images/new-dashboard.png" alt="Reviewing build output for a project in our new dashboard"> <div class="ui basic center aligned segment"> <p><i>Reviewing build output for a project in our new dashboard</i></p> </div> <div class="ui basic padded segment"> <p>For the last year, you may have seen notifications and hints asking you to try out our new dashboard. This new dashboard has been a long term project to completely replace our original user interface with one that is more consistent and allows us to more easily build and maintain complex features.</p> <p>During the next few months, we will begin the transition to our new dashboard and will move away from our current, <em>but soon to be legacy</em>, dashboard.</p> <p>If you are not yet using our new dashboard, here is what you need to know:</p> <dl class="docutils"> <dt>The new dashboard will start to become the default dashboard</dt> <dd><p class="first">After this change, users logging in from our website will be logging into our new dashboard. <em>Users will still be able to switch back to the legacy dashboard if they need to</em>.</p> <ul class="simple"> <li>On <a class="reference external" href="https://readthedocs.org">Read the Docs Community</a> this change will go into effect on <strong>Nov 12th</strong></li> <li>On <a class="reference external" href="https://readthedocs.com">Read the Docs Business</a> this change will go into effect on <strong>Dec 10th</strong></li> </ul> <p>To log in to the new dashboard:</p> <ul class="last simple"> <li>Users of <a class="reference external" href="https://readthedocs.org">Read the Docs Community</a> can log in at <a class="reference external" href="https://app.readthedocs.org/account/login">https://app.readthedocs.org/account/login</a></li> <li>Users of <a class="reference external" href="https://readthedocs.com">Read the Docs Business</a> can log in at <a class="reference external" href="https://app.readthedocs.com/account/login">https://app.readthedocs.com/account/login</a></li> </ul> </dd> <dt>The legacy dashboard will be available until Mar 11th, 2025</dt> <dd><p class="first">Our legacy dashboard will remain available while users are transitioning to our new dashboard. During this period, our legacy dashboard will no longer be receiving updates or new features, but it will remain active. Our legacy dashboard will only be available for this limited period, after which it will be shut down for all users.</p> <p>To log in to the legacy dashboard:</p> <ul class="last simple"> <li>Users of <a class="reference external" href="https://readthedocs.org">Read the Docs Community</a> can log in at <a class="reference external" href="https://readthedocs.org/account/login">https://readthedocs.org/account/login</a></li> <li>Users of <a class="reference external" href="https://readthedocs.com">Read the Docs Business</a> can log in at <a class="reference external" href="https://readthedocs.com/account/login">https://readthedocs.com/account/login</a></li> </ul> </dd> </dl> <div class="section" id="how-is-the-new-dashboard-different"> <h2>How is the new dashboard different?</h2> <p>You should find that the new dashboard is more consistent and that navigation around the dashboard is easier overall. New features were added for sorting and filtering, build output is easier to browser and share, and project and version creation is more intuitive.</p> <p>The new dashboard contains many other updates and new features as well. In the coming weeks we will be highlighting in more detail what new features were added, interfaces that have been updated, and some of the technical changes introduced.</p> <div class="section" id="documentation-page-changes"> <h3>Documentation page changes</h3> <p>Rollout of our new dashboard will also be apparent on hosted documentation. There are several pages in hosted documentation where our own dashboard is visible to readers:</p> <dl class="docutils"> <dt>Documentation error pages</dt> <dd><p class="first">We display an error page to readers when we encounter a problem with their request, like when a requested file is missing (HTTP 404 error).</p> <p class="last">We do not show our error page when a custom 404 error page is provided by a project.</p> </dd> <dt>Authentication forms</dt> <dd>This includes documentation authentication pages, such as password and GitHub authentication, and documentation sharing pages, such as sharing password entry.</dd> </dl> <p>On <strong>Dec 10th</strong>, projects hosted on <a class="reference external" href="https://readthedocs.com">Read the Docs Business</a> will use our new dashboard for these pages in their hosted documentation.</p> <p><em>There will be no changes to user generated documentation otherwise.</em></p> <p>If you would like to update your project to use these pages before then, <a class="reference external" href="https://app.readthedocs.com/support">contact us</a>.</p> </div> </div> </div> <div class="ui basic paddded center aligned segment"> <a href="/blog/" class="ui primary basic button"> See more posts from our blog </a> </div> </div> </section> </main> <footer class="ui basic very padded inverted attached segment"> <div class="ui container"> <div class="ui four column stackable grid very padded"> <div class="column"> <div class="ui vertical inverted text menu"> <h4 class="ui sub header">Stay updated</h4> <a class="item" href="https://about.readthedocs.org/blog/">Blog</a> <a class="item" href="https://landing.mailerlite.com/webforms/landing/t0a9l4">Newsletter</a> <a class="item" href="https://status.readthedocs.com/">Status</a> <div class="item"> <a href="https://github.com/readthedocs/" aria-label="Read the Docs on GitHub" rel="noopener noreferrer"><i class="icon large fab fa-github"></i></a> <a href="https://twitter.com/readthedocs" aria-label="Read the Docs on Twitter" rel="noopener noreferrer"><i class="icon large fab fa-twitter"></i></a> <a href="https://fosstodon.org/@readthedocs" aria-label="Read the Docs on Mastodon / Fediverse" rel="me"><i class="icon large fab fa-mastodon"></i></a> </div> </div> </div> <div class="column"> <div class="ui vertical inverted text menu"> <h4 class="ui sub header">Learn more</h4> <a class="item" href="https://docs.readthedocs.io">Documentation</a> <a class="item" href="https://docs.readthedocs.io/page/tutorial/index.html">Getting started guide</a> <a class="item" href="https://docs.readthedocs.io/page/config-file/index.html">Configure your project</a> <a class="item" href="/comparisons/github-pages/">Comparison to GitHub Pages</a> <a class="item" href="/comparisons/gitbook/">Comparison to GitBook</a> <a class="item" href="/comparisons/cloudflare-pages/">Comparison to Cloudflare Pages</a> </div> </div> <div class="column"> <div class="ui vertical inverted text menu"> <h4 class="ui sub header">Product</h4> <a class="item" href="/features/">Features</a> <a class="item" href="/pricing/">Pricing</a> <a class="item" href="/privacy-policy">Privacy Policy</a> <a class="item" href="/terms-of-service/">Terms of Service</a> </div> </div> <div class="column"> <div class="ui vertical inverted text menu"> <h4 class="ui sub header">Company</h4> <a class="item" href="/company/">About us</a> <a class="item" href="https://docs.readthedocs.io/page/support.html">Support</a> <a class="item" href="https://www.ethicalads.io/advertisers/?ref=rtd">Advertise with Us</a> <a class="item" href="https://dev.readthedocs.io/page/contribute.html">Contribute</a> </div> </div> </div> <div class="ui basic center aligned inverted segment"> <i class="fad fa-copyright icon"></i> Copyright 2022, Read the Docs, Inc & contributors </div> </div> </footer></body> </html>