Can't add Rich Text Labels in SliceMachine

[joyce (Joy)]

We recently upgraded our prismic repo to the Slice Machine repo. We are still using the Prismic UI to add new slices and make updates. I edit and add labels directly in the JSON editor.
Ex:

After I try to add a new slice, I get JSON errors related to labels. It somehow is parsing the "labels" incorrectly when previously it was just an array.
Ex:

Can we continue to use the Prismic UI to make updates and add slices rather than the Slice Machine CLI? Is this error relating to using the Prismic UI?

[Pau]

Hello @joyce, Could you please give me more details about your case?

You're missing the name of the slice, as well as the display option. If this "labels" key is in the correct place (that would be under body.config of your custom type) then adding those missing elements should work.

Take a look at the Full JSON Example in this article:

What Is a Slice?

[joyce (Joy)]

Hi @Pau, the slice name is ‘Content’ and the display option is ‘list’. The “labels” is specified under the config of the slice.

This is a rich text field and I’m adding labels per this page:

Add Custom Styles to Rich Text

[Pau]

Can you paste here the JSON of the Custom type? it'll be easier to debug that way. There must be a problem with the syntax.

[joyce (Joy)]

    "content" : {
        "type" : "Slice",
        "fieldset" : "Content",
        "description" : "The rich-text workhouse used in article bodies.",
        "icon" : "text_fields",
        "display" : "list",
        "non-repeat" : {
          "content" : {
            "type" : "StructuredText",
            "config" : {
              "multi" : "paragraph, preformatted, heading1, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item",
              "allowTargetBlank" : true,
              "label" : "content",
              "labels" : [ "caption" ]
            }
          }
        },
        "repeat" : { }
      }

This above is the JSON for the slice (before any errors that come from clicking “Add a slice”. Only after I click “Add a slice” does the below JSON automatically appear.

      "content": {
        "type": "Slice",
        "fieldset": "Content",
        "description": "The rich-text workhouse used in article bodies.",
        "icon": "text_fields",
        "display": "list",
        "non-repeat": {
          "content": {
            "type": "StructuredText",
            "config": {
              "multi": "paragraph, preformatted, heading1, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item",
              "allowTargetBlank": true,
              "label": "content",
              "labels": {
                "": [
                  {
                    "name": "caption"
                  }
                ]
              }
            }
          }
        },
        "repeat": {}
      }

Do you see how it updates the labels? Is this error related to the move to the slice machine repo and utilizing the prismic UI instead of the slice machine CLI?

[Phil (Phil Snow)]

Hi @joyce ,

I can confirm that you can still use the UI to update and change your Custom types and slices. I was able to replicate your error on my side also.

I think the issue here is not because your updating the Custom type in the UI or any fault of your own. I think it's probably an error on Slice Machine repositories.

Anyway I've created an issue with the Dev Team and as soon as we have a reply I'll get back to you.

Thanks.

[joyce (Joy)]

Thank you so much Phil!

[phillip_pan]

Hi @Phil,
Any updates on this? I'm still facing the same issue when using a custom label.

[Phil (Phil Snow)]

Hi Phillip,

There have been no changes in regards to this behaviour. In fact, on the new versions of Slice Machine, you shouldn't have access to edit the Slice Machine created Slice in the Prismic Dashboard.

So adding Rich Text Labels isn't currently possible with Slice Machine, but it is being tracked as a feature request and will most likely be implemented in the first quarter of next year.

When this is released the team will update you here.

Thanks.

[phillip_pan]

Thanks for the reply

[ben.jackson]

Hi Phil,

We recently launched a new website using slice machine. Our content team is eager for the return of Rich Text labels, is the team still planning on releasing an update this quarter?

Thanks
Ben

[Pau]

Hello @ben.jackson, we still don't have any news regarding this feature request. We'll update this thread if anything changes.

[Phil (Phil Snow)]

Hi Everyone,

In the time being, my colleague Pryianka posted a workaround for this in a nother thread that I'll share here.

@Priyanka

You can achieve it by adding custom labels to richtext inside the model.json file of your project. The configuration of the labels field should be an array.

Lets's say you have a Rich Text field inside your slice of API ID as book_desc and you want to add labels in your Rich text fields. Go to your model.json file, find a field and add labels like:

"book_desc" : {
    "type" : "StructuredText",
       "config" : {
          "multi" : "paragraph, preformatted, heading2, heading3, heading4, heading5, heading6, strong, em, hyperlink, image, embed, list-item, o-list-item, o-list-item",
           "allowTargetBlank" : true,
            "label" : "Book Description",
             "labels" :  ["right-align", "center-align"]
         }
 }

Give this a try and let me know if you have any other doubts.

Thanks,

Priyanka