Problem with CardSimple from WebPatterns

Problem with CardSimple from WebPatterns

  

Dear all,


just i little problem i cannot figure out.
See attachment for my example. 

The question is how to set the right margin (orange) to zero, so the cards will line up next to each other...??


Regards,

Jeroen

Hi Jeroen,

Can you show the widget tree so we get an Idea where the cards are placed in?

Edit: My first guess is that you have to place the card in a container, and set the width of that container.

Hi Sam,


just as easy as it gets:

Solution

Jeroen Vormer wrote:

Dear all,


just i little problem i cannot figure out.
See attachment for my example. 

The question is how to set the right margin (orange) to zero, so the cards will line up next to each other...??


Regards,

Jeroen


Hi Jeroen,

use this piece of CSS code. It will work as per your requirement.

SyntaxEditor Code Snippet

.Card {
    padding: 10px;
    width: auto;
    display: inline-block;
}


Regards,

Pankaj Pant

Solution

Sam Rijkers wrote:

Hi Jeroen,

Can you show the widget tree so we get an Idea where the cards are placed in?

Edit: My first guess is that you have to place the card in a container, and set the width of that container.


Agreed with your solution.


Regards,

Pankaj

Thanks Pankaj !!!