So, I’d been asked to look at building a links menus something like this:
I thought that this was quite nice. I wondered if I could make something similar to this using the Summary Links web part – curiously, it’s something I’ve never really used, and I though I remembered seeing that it could show images too. So, I set up some examples…
First off, I looked at the different styles of links you could put in. Interestingly, you can mix these in the one Summary Links Web part:
Quite a lot of styles! The image I used for m links is the one with orange text saying ‘This is an image’ – original, huh? (Note: the second and third links up from the bottom are just Image links. On is clickable and the other isn’t… ) None of these are really styled the way I’d want though.
Next, I took a look at the Group Header Styles:
Again, nothing that would obviously do what I wanted – no images for a start. For completeness, I should say that these settings were configured via the ‘Configure Styles and Layouts’ option, which opens this dialog:
So, what other options? Well, I wondered if I might be able to move things around a bit and use the normal ‘styles’ of link through applying a bit of CSS. So, I opened the IE Developers toolbar and started taking a look. I found that I could see the different DIV tags for each link item, and they had different styles applied to them:
Great! What structure is within those items though:
Damn, they’re all different. Well, that idea bites the dust. I guess that I’ll have to look at a custom web part.
As a side note, I also discovered that you could have multiple columns. You can’t have a single Group heading with multiple columns, but you can have Group headings in columns with a single column of links underneath, like so: