How to create custom strips, buttons for content editor from asp.net project

Question

<configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
    <sitecore>
        <contentEditor>
            <ribbons>
                <strip id="CustomStrip" title="Custom Strip">
                    <chunks>
                        <chunk id="CustomChunk" title="Custom Chunk">
                            <buttons>
                                <button id="CustomButton" header="Custom Button" click="javascript:alert('Custom Button Clicked');" icon="Applications/32x32/bullet_blue.png" />
                            </buttons>
                        </chunk>
                    </chunks>
                </strip>
            </ribbons>
        </contentEditor>
    </sitecore>
</configuration>

I am writing a plugin for the Content Editor. I placed this code in the App_Config\Include folder and named it Ribbon.config. I want to create custom elements (strip, chunk, button) on the Content Editor toolbar from an ASP.NET project, but I didn't get any result. Am I doing everything correctly?

Answer 1

You can create strips, chunk and button by navigating to the core database and creating them in below order.

1. In order to create the strip, you need to navigate to following path /sitecore/content/Applications/Content Editor/Ribbons/Strips and create item with following template /sitecore/templates/System/Ribbon/Strip

2. Thereafter, you can create the chunk inside following path /sitecore/content/Applications/Content Editor/Ribbons/Chunks with the template /sitecore/templates/System/Ribbon/Chunk

Note: You need to link the chunk created on step2 with the strip created on step1 using the reference field as below.

3. Add the button inside the chunk created on Step2 with the template /sitecore/templates/System/Ribbon/Large Gallery Button as shown below.

You can follow this guide for more details.

https://community.sitecore.com/community/en?id=community_blog&sys_id=71e267211bc370d0b8954371b24bcbdb

You can sync these changes through any serialization tool such as Sitecore Content Serialization or Unicorn on the file system so that they are available on any environment whenever the sync happens.

Hope this helps!!!

Answer 2

To create custom Tabs, Strips, Chunksk, Button in Sitecore, you need to create some items from different templates in the core database.

Here are some steps that you need to create those items.

• Navigate to /sitecore/content/Applications/Content Editor/Ribbons/Chunks and create a new Chunk. The template is at /sitecore/templates/System/Ribbon/Chunk

• Create your button in the newly created Chunk which is based on the template /sitecore/templates/System/Ribbon/Large Button

• Navigate to /sitecore/content/Applications/Content Editor/Ribbons/Strips and create your new Strip from the template /sitecore/templates/System/Ribbon/Strip

However you are trying to do this from your ASP.net project, you can start thinking of creating items programmatically in the core database.

Refer to the related links for more reference.

https://www.sitecorefundamentals.com/how-to-add-custom-buttons-to-the-content-editor-ribbon

https://stackoverflow.com/questions/42676754/how-to-add-a-custom-strip-with-a-custom-chunk-and-button-in-sitecore-8-1

Hope this helps.