Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Customising the CMS /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Visual select field


Go to End


2 Posts   1283 Views

Avatar
JonoM

Community Member, 130 Posts

18 July 2011 at 1:27pm

Does anyone know of a way to achieve a radio group like in the attached image?

I don't think it's built in to SS but I was hoping someone might have done something like it before. I want my CMS users to be able to choose from a few different layout options within the one page type with a visual cue to what each one looks like.

Thanks

Avatar
JonoM

Community Member, 130 Posts

18 July 2011 at 2:18pm

Edited: 18/07/2011 2:22pm

So much easier than I imagined!

		$ArrayMap = array(
			'1' => '<img src="/ImgDirectory/ImageName.jpg" alt="" width="60" height = "60" /> Title 1',
			'2' => '<img src="/ImgDirectory/ImageName2.jpg" alt="" width="60" height = "60" /> Title 2'
		);
		$fields->addFieldToTab("Root.Content.Main", new OptionSetField('FieldName', 'Field Name', $ArrayMap));

Other way - creating field dynamically from data objects:

		$ArrayMap = DataObject::get('DataObjectClassName')->map("ID", "Thumb");
		$fields->addFieldToTab("Root.Content.Main", new OptionSetField('FieldName', 'Field Name', $ArrayMap));

On the relevant data object class

	static $has_one = array (
		'Image' => 'Image'
	);

	public function getThumb() {
		return $this->Image()->CroppedImage(60,60)->Tag;
	}

Probably needs some cleaning up so it doesn't crash if there's no image attached but concept works.