Cannot change listview item margins win-container

Question

I have a listview with multiple groups and templates.

My first group is used a the navigation and uses big square blocks (300 x 250). My second group shows our latest tweets and so uses a different template (400x70).

How do i change the marings as ive manage to change them for the first group but i had to do this:

#groupeditemslist .win-container {
	border:2px solid red;
	margin: -10px;
}

Which is stupid.... but give me a smaller even margin around my list items.

The issue i have is that my second group, it only affect the left and right margins, the bottom margin is stupidly big.

I want to be able to have 6 items in each column in my tweets group i have an image buy i cannot post images or links until im verified... stupid stupid stupid rule..... very Microsoft overkill

Answer 1

Right manage to sort of get it looking better by messign with the group options:

function groupInfo() {
    return {
        nableCellSpanning: true,
        cellWidth: 20,
        cellHeight: 5
    };
}

Very confusing this winJS. no idea what the above represents tho

Answer 2

Hi,

You could change the css as follow:

var target = document.getElementById('loader');

        loader.style.opacity = "1";

---

Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies, please contact [e-mail]
Microsoft One Code Framework