Unable to locate an additional element within the current components roster on strapi

Upon creating a component named "hero_type_1" in the components section, I encountered an issue when trying to use it as an attribute in a parent component. Despite my efforts, the added component did not appear in the existing components select box.

https://i.sstatic.net/qXkt9.png

After researching on the Strapi forum, I learned that I could manually add it in the json code. However, I am curious as to why it does not show up in the list automatically and how I can resolve this without manual intervention. Thank you :)

Answer №1

In my experience, I have found that strapi has a limitation of only supporting nesting of components up to 2 levels deep within the admin dashboard. Although it is possible to go beyond this limit by manually adjusting the schema JSON files, you will not be able to conveniently manage these additional nested levels through the admin dashboard interface.

While the restriction may be in place for performance reasons as stated by the developers, personally I believe it would greatly enhance the user experience to have the ability to nest components at multiple levels directly within the dashboard. Currently, I navigate around this limitation by making changes to the JSON files, but I hope that there will be an easier solution in the future.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Incorporate additional text into every table header (th) with the help of JQuery

I am attempting to dynamically add append some content inside each table header. The table headers are generated dynamically based on the columns in the database. Here is my current code: <table id="dynamic_id" class="table table-striped table-border ...

Having trouble getting basic HTML to function with Vue.js

I am new to vue.js and decided to follow the steps in this tutorial: https://www.sitepoint.com/getting-started-with-vue-js/ After copying the code into my HTML, I encountered some issues. Could someone please assist me in identifying what might be going w ...

The CSS styles seem to be slipping through the cracks in ReactJS

I've been trying to figure out the best way to include styles from an external CSS file in a ReactJS component. I initially tried referencing the class or id within the CSS file and applying styling that way, but it wasn't working as expected. v ...

Obtain the recovery path for the 'img' src

Here is the code snippet that I am working with: <table> <tr> <td> <img src='prod/images/1.jpg'> </td> </tr> <tr> <td> <img src=' ...

Optimizing Three.js for better performance

Recently, I delved into working with three.js and webgl for a personal project. My goal was to develop a wardrobe model based on user input. You can check out the project at this link: Initially, the rendering speed was fast and smooth without Materials a ...

Processing a JSON array in order to accomplish specific tasks

Can you assist with parsing the JSON array below using jQuery to accomplish a few tasks: { "status": "success", "matches": 2, "results": [{ "call_mine_status": "not mined", "cdr_source": "CE", "tracking_number": "55555 ...

Using Dotnetnuke WebService in conjunction with jQuery for making POST requests

I am currently working on a dotnetnuke module and encountering multiple challenges when trying to connect to a webservice using JavaScript to fetch data. Here is the JavaScript code I am using: function Test() { $.ajax({ type: "POST", ...

Implementing the 'not-allowed' cursor style on disabled rows in Material UI datagrid

I have a specific disabled row in a Material UI data grid where users are unable to select or perform any actions on it. I am looking to display the cursor as "not-allowed" on this particular row. How can we apply styling to only this row since there is no ...

Generating a download hyperlink using the image source attribute in jQuery

I have multiple galleries featuring images with captions. I'm striving to add a download link for each image at the end of its caption, based on the image source. However, I am facing an issue where the download icon is being appended to every image c ...

The modal popup will appear in the center of the screen when the scrollbar is positioned at the top

I have a modal popup that is not consistently displayed in the center of the screen, regardless of the scrollbar position. I always want it to render at the center so the user doesn't need to scroll to see it. Below is the code I am currently using: ...

Changing the value of a property in an object based on the object's attribute in JavaScript

I have a JSON data set like this: inputData = [ { id : 179849, name : alex , lastname: sanchez}, { id : 788539, name : Paul, lastname: bearer}, { id : 282169, name : Jean, lastname: nobel}, ... { id : 632785, name : Maria, lastname: parak} ] I am looking ...

Tips for merging JSON objects with matching key value pairs

My goal is to merge objects with the same module key value, specifically "credit cards". I am looking to generate a single object for each unique module containing an array of distinct companies. The id and prod keys are not relevant in this scenario. Thi ...

The issue I am facing is that the string parameter is not functioning properly within

When creating a new build, I include a parameterized string called VERSION. Within the build, this command is present: sed -i -e 's/REPLACE_ME/$VERSION/g' config/config.json The configuration file in JSON format appears as follows: { "ENV": { ...

What is the reason for Range.getBoundingClientRect() returning 0 for a range that is inside a textarea

When working with a <textarea> element and creating a range inside it, the following steps are taken: A new range is created using document.createRange() The only child node of the <textarea> is retrieved using textarea.childNodes[0] Range st ...

Send a JSON form without using AJAX

Is there a way to send form data as JSON without relying on AJAX? I attempted changing the enctype attribute: <form enctype="application/json"></form> However, according to w3schools, this is not a valid value. The reason behind my query is ...

Guide to displaying a local HTML file in CKEditor 4.3 using jQuery

Using CKEditor 4.3 on my HTML page, I aim to import content from a local HTML file and display it within the editor. (My apologies for any English errors as I am Brazilian :P) The jQuery code I have tried is as follows: $(document).ready(function(){ ...

Identifying instructions for selenium operations

Does anyone know of a method to identify Selenium commands in order to automatically add a screenshot command after each one? I prefer to use Javascript because I am working with HTML test scripts. For example: clickandwait | element | <-- Is there ...

Retrieving Key-Value Pairs with the Assistance of the Lodash

My JSON Object contains the following data: { "data":[ { "customer":101, "profile":7, "context":{ "rows":20, "from":"2016-01-05T06:14:02.750Z", "filter_group_id":null, ...

What is the best way to efficiently print a list of lists in Python that is both compact and easy to read?

Is there a way to customize the formatting of json output when using json.dumps? The default behavior places each value on a separate line, making it difficult to read for simple lists. For instance: import json x = [[1,1,1,1,1] for _ in range(5)] print( ...

When working in Shopify, I have found that I am able to easily access a JSON object from the browser console, however I have run

Currently, I am utilizing the GET/cart.js call in an asset on my theme to retrieve the cart contents in a JSON object format as shown below: var response = jQuery.getJSON('/cart.js'); Afterward, I attempt to display the contents of the object i ...