Handling the threshold for the number of child elements in a card list

Siemens iX
1

I have placed many children inside my card list. But the card list only shows 12 items. I want to change this value according to my definition. How can I do that?

image
image1761×437 26.5 KB

<IxCardList
            label="Scroll Layout- Global Attributes"
            showAllCount={Object.keys(globalAttributes).length}
            listStyle={"scroll"}
            // suppress-overflow-handling = {true}
          >
            {Object.keys(globalAttributes).map((attr) => (
              <IxActionCard
                icon="info-filled"
                // style={{width : '500px'}}
                heading={attr}
                aria-describedby={`tooltip-${attr}`}
                subheading={
                  globalAttributes[
                    attr as keyof typeof globalAttributes
                  ].toString().length > 25
                    ? `${globalAttributes[attr as keyof typeof globalAttributes]
                        .toString()
                        .substring(0, 25)}` + "..."
                    : `${
                        globalAttributes[attr as keyof typeof globalAttributes]
                      }`
                }
                variant="info"
                onClick={console.log}
              ></IxActionCard>
            ))}
          </IxCardList>
2

This is currently no supported, but no worries, just create an GitHub issue at Sign in to GitHub · GitHub.

Using GitHub keeps you in the loop about how your issue is progressing, so you’ll always know what’s up.

1 Like
3

Can’t we just use another layout component instead of IxCardList @daniel?

4

Sure you can write normal html around the cards. Like a div with flex layout or you can use the ix-layout-grid

1 Like