Watch a live product demo 👀 See how Sanity powers richer commerce experiences

I try adding indentations but it just jumps to the publish button

6 replies
Last updated: Feb 4, 2021
I try adding these indentations, but when I hit tab, it just jumps to the publish button instead of indenting
Feb 2, 2021, 2:27 PM
Hi Brian, these seem to clash with the studio's own keyboard navigation. I'm checking if we have any other way to get them to work.
Feb 2, 2021, 3:02 PM
Much appreciated
Feb 2, 2021, 3:05 PM
Just got word back from our product design team. Unfortunately, it seems like we don't support them at the moment. Noting this down as a feature request.
Feb 2, 2021, 3:10 PM
Sounds good, thanks for the help!
Feb 2, 2021, 3:11 PM
Hi Brian. What follows doesn’t solve your request for tab indentations, but if you only need to indent once, you could add something like this to your schema styles:

{
  title: "Indented",
  value: "indented",
  blockEditor: {
    render: ({ children}) => <p style={{ marginLeft: "2em" }}>{children}</p>
  }
},
Then on your front end (assuming you want the indents to render out), you could add to your serializer. Something like:


import BlockContent from '@sanity/block-content-to-react';

...

const serializers = {
  types: {
    block: (props) => {
      const { style = 'normal' } = props.node;
      if (style === 'indented') return <p style={{ marginLeft: "2em" }}>{props.children}</p>;
      return BlockContent.defaultSerializers.types.block(props);
    },
    …
  },
  ...
}
Feb 4, 2021, 4:26 PM
Ahhh that can work, thanks!
Feb 4, 2021, 5:02 PM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Categorized in

Related answers

Get more help in the community Slack

TopicCategoriesFeaturedRepliesLast Updated
After adding the subtitle and running this code npm run graphql-deploy It does nothingSep 15, 2020
how to limit a reference to just one entry in Studio reference input side versus the default as-many-entries-as-you-fill-in-an-array...Sep 18, 2020
Is it possible to fetch more than one "_type" using GROQ?Nov 2, 2020
I want to add a view with the Structure builder (S.view.component) where I list similar documents based on the title. What...Sep 23, 2020
Is there a structure builder example where the format of each preview for the document list is modified?Feb 3, 2021
I have an array of references to a country schema type but it always just returns NULL values for meJan 30, 2021
Hi, I need help with a query for getting the url of an image asset. Here is what I've been trying, but I only get the _ref...Dec 1, 2020
Sanity UI looks brilliant :smiley: Is something like the current date picker possible at the moment? I’m not sure if anicon...Dec 21, 2020
Hey everyone. I have been coding and may have potentially accidentally deleted something. Does anyone know how to resolve...Dec 26, 2020
Hello everyone and happy new year :raised_hands::skin-tone-2:, I have a problem with outputting Portable Text :disappointed:...Jan 1, 2021

Related contributions

Clean Next.js + Sanity app
- Template

Official(made by Sanity team)

A clean example of Next.js with embedded Sanity ready for recomposition.

Cody Olsen
Go to Clean Next.js + Sanity app

Blog with Built-in Content Editing
- Template

Official(made by Sanity team)

A Sanity-powered blog with built-in content editing and instant previews.

Go to Blog with Built-in Content Editing