JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Accordion › Child smart-accordion-item

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 10, 2023 at 8:31 pm #104193
    jqwidgetsdev
    Participant

    Hi,

    What is the way to have children of smart-accordion-item?
    In the example below I want to have 4 child items under “First Item”.

    How can this be achieved?

        <smart-accordion id="accordion">
      <smart-accordion-item label="First Item">First Item Content.</smart-accordion-item>
      <smart-accordion-item label="Second Item">Second Item Content.</smart-accordion-item>
      <smart-accordion-item label="Third Item">Third Item Content.</smart-accordion-item>
      <smart-accordion-item label="Fourth Item">Fourth Item Content.</smart-accordion-item>
    </smart-accordion>

    Thank you.

    January 11, 2023 at 9:56 am #104199
    Markov
    Keymaster

    Hi,

    It is not possible to have sub items in the Accordion. The Accordion is not a hierarchical component. You can add DIV tag and some content in the smart-accordion-item.

    Regards,
    Markov

    January 11, 2023 at 10:00 am #104204
    jqwidgetsdev
    Participant

    Ok, that will work and give me the necessary control.

    January 11, 2023 at 8:17 pm #104207
    jqwidgetsdev
    Participant

    That won’t work for me. For a given smart-accordion-item I may have 2 sub items, for others 4 sub items.
    The height of the sub item must be dynamic. Can you please show me?

    • This reply was modified 1 year, 11 months ago by jqwidgetsdev.
    January 13, 2023 at 11:17 am #104212
    svetoslav_borislavov
    Participant

    Hi,

    To achieve a dynamic height of the smart-accordion-item you may set the height of its content to ‘auto’.
    The height of the smart-accordion should also be ‘auto’.

    Here is an example: https://codepen.io/svetoslavb04/pen/mdjwmwX

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

    January 13, 2023 at 1:05 pm #104216
    jqwidgetsdev
    Participant

    I appreciate the example and nuance, thanks Svetoslav!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.