How to hide links in Sanity Studio when editor has not given a value
14 replies
Last updated: Sep 9, 2021
L
Hi, I am trying to hide a link when the editor has not given a value, can anyone help me?
Sep 8, 2021, 9:59 AM
R
In Sanity Studio? Maybe Conditional Fields is something you’re looking for.
Sep 8, 2021, 11:28 AM
L
I would like some help setting it up
Sep 9, 2021, 7:38 AM
Sure thing. Do you have any existing schema code? If so, feel free to post it in this thread inside a code block (created with `````). You can post the whole thing or just the relevant code for the item you want to hide.
Sep 9, 2021, 2:01 PM
L
export default {
name: "project",
title: "Project",
type: "document",
fields: [
{
name: "title",
type: "string",
},
{
name: "subtitle",
type: "string",
},
{
name: "mainImage",
title: "Main image",
type: "image",
options: {
hotspot: true,
},
},
{
name: "date",
type: "datetime",
},
{
name: "place",
type: "string",
},
{
name: "description",
type: "text",
},
{
name: "projectType",
title: "Project type",
type: "string",
options: {
list: [
{ value: "personal", title: "Personal" },
{ value: "client", title: "Client" },
{ value: "school", title: "School" },
],
},
},
{
name: "link",
title: "Link",
type: "url",
},
{
name: "ghlink",
title: "GitHub Link",
type: "url",
},
],
};Sep 9, 2021, 5:22 PM
L
I want to hide the links if the editor has not given a value
Sep 9, 2021, 5:23 PM
L
I want to hide the links if the editor has not given a value
Sep 9, 2021, 5:23 PM
A value to which field?
Sep 9, 2021, 5:24 PM
L
{
name: "link",
title: "Link",
type: "url",
},
{
name: "ghlink",
title: "GitHub Link",
type: "url",
},
],
};Sep 9, 2021, 5:25 PM
Sorry, which field needs a value to unhide the link fields?
Sep 9, 2021, 5:25 PM
L
The
linkfield and
ghlinkfield
Sep 9, 2021, 5:30 PM
In that case, if they are empty there isn’t an easy way to get them to show using the studio (since they’re not visible to type into). You’d need to populate those fields using the API or CLI.
Sep 9, 2021, 5:31 PM
But something like this should work:
{
name: "link",
title: "Link",
type: "url",
hidden: ({ value }) => !value,
},
{
name: "ghlink",
title: "GitHub Link",
type: "url",
hidden: ({ value }) => !value,
},Sep 9, 2021, 5:32 PM
L
Thank you
Sep 9, 2021, 5:42 PM
You’re welcome! 🙂
Sep 9, 2021, 5:42 PM
Sanity– build remarkable experiences at scale
Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.