Skip to main content
R
Rajan5EAD
Participant
September 26, 2020
Answered

Issue with Component

  • September 26, 2020
  • 1 reply
  • 525 views

Here is the issue I am facing with the component.

 

- I created a tab component which has the repeat grid in it.

- After I created multiple tab states, I edited the content inside the repeat grid for those respective tab states.

- When I go back to the default state and edit the content inside the repeat grid, all other component states edits are gone or reset to what is there in the default states repeat grid.

 

This is so frustrating as I lost all the painstaking work done in the rest of the states of the tab component. This happens only for the default states' edit, If I do the same kind of edit in the repeat grid under the rest of the Tab component's states, those edits does not reset or override the rest of the component states' repeat grid contents. 

 

Kindly help. Thank you.

    This topic has been closed for replies.
    Correct answer Rajan5EAD

    I see, that's what I thought the problem was as well.

     

    To tell you the truth, components are quite fragile and I don't normally use them for complicated stuff. I tend to use them for icons and buttons mostly, maybe textfields.

     

    If you insist on using a repeat grids, I would advise you to first make the grids outside of the component, and paste them within the component later. This way if something breaks you will have a backup of the grid and won't lose work. I would have all the grids as separate groups within the default state, and hide / show them depending on which tab you are.

     

    Hope that helps.

    Cheers!


    Okay, I guess I figured out the solution. The way to do it is by converting every item inside those repeat grids as components. After converting the Title, Description etc as individual components, if we edit them in the default grid, which is the master component, they dont affect the other component instances in the repeat grid. I followed Howard Pinsky carefully and learnt this proper way of doing it. Thanks to Mr. Pinsky. 

    1 reply

    Spas K.
    Community Expert
    Spas K.Community Expert
    Community Expert
    September 26, 2020

    Hi Rajan.

     

    So I couldn't exactly recreate your issue, but the repeat grid does seem to behave a bit weird within a multi state component.

    For one, grid 'copies' don't seem to reflect the changes made to the first grid element.

     

    They act as instances, so if you manually changed the grid copies in other states, they will stay as edited, but if you never made changes to them, they will reflect changes made to the grid in the default state.

     

    You can make a video and upload it, so we can investigate this further and see what's happening.

      R
      Rajan5EADAuthor
      Participant
      September 27, 2020

      Hi Spas,

       

      Thanks for your response. As I mentioned, in my component I have used a repeat grid to have contents for various tab states. For example, my tab states are 

      - Default

      - Classes

      - Courses

      - Teachers

      - Contact Us

       

      I have created a repeat grid inside my component, and inside the repeat grid, I have content for the Default state which has some carousels running, under the Classes I have edited the content inside the repeat grid and changed it to the upcoming classes design, under the Courses, the repeat grid content is edited to show the number of Courses available,  same goes to Teachers and Contact Us. 

       

      Now lets say, I go to the default state of my component and edit even the color of the text or edit the text or do anything like even hiding some text or icon there, the contents inside all other states are all gone and they all only reflect the content of the default state. 

       

      This is the problem, hope this helps. I will try to upload a video.

      Spas K.
      Community Expert
      Spas K.Community Expert
      Community Expert
      September 27, 2020

      I see, that's what I thought the problem was as well.

       

      To tell you the truth, components are quite fragile and I don't normally use them for complicated stuff. I tend to use them for icons and buttons mostly, maybe textfields.

       

      If you insist on using a repeat grids, I would advise you to first make the grids outside of the component, and paste them within the component later. This way if something breaks you will have a backup of the grid and won't lose work. I would have all the grids as separate groups within the default state, and hide / show them depending on which tab you are.

       

      Hope that helps.

      Cheers!

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices