Reply To: List Layout – move Save to Calendar button to within the Event Bar

Home Pro Support Forums CSS and Design List Layout – move Save to Calendar button to within the Event Bar Reply To: List Layout – move Save to Calendar button to within the Event Bar

#7445
room34
Keymaster

Because of how the templates are structured, that kind of change isn’t really feasible within the plugin itself, although it can be achieved dynamically by making use of the jQuery .appendTo() method, firing off on the r34ics_init_end custom event as described in our Developer documentation. What you’d want would look something like below.

jQuery(function() {
	jQuery(document).on('r34ics_init_end', function() {
		jQuery('.ics-calendar-list-wrapper dd.event').each(function() {
			jQuery(this).find('button.r34ics_event_ics_download').appendTo(jQuery(this).find('.title'));
		});
	});
});

I’ve tested this code and confirmed it works. However you may find you’ll want to also add some CSS to fix the positioning of the button in its new location. (With no extra CSS, it gets inserted right up against the last word of the title.)

  • This reply was modified 1 month, 2 weeks ago by room34.