Umbraco.Community.FullCalendar.Block 1.0.0

There is a newer version of this package available.
See the version list below for details.
dotnet add package Umbraco.Community.FullCalendar.Block --version 1.0.0                
NuGet\Install-Package Umbraco.Community.FullCalendar.Block -Version 1.0.0                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Umbraco.Community.FullCalendar.Block" Version="1.0.0" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Umbraco.Community.FullCalendar.Block --version 1.0.0                
#r "nuget: Umbraco.Community.FullCalendar.Block, 1.0.0"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Umbraco.Community.FullCalendar.Block as a Cake Addin
#addin nuget:?package=Umbraco.Community.FullCalendar.Block&version=1.0.0

// Install Umbraco.Community.FullCalendar.Block as a Cake Tool
#tool nuget:?package=Umbraco.Community.FullCalendar.Block&version=1.0.0                

FullCalendar-Events Block Preview

Platform

Umbraco.Community.FullCalendar.Block easy to use rich HTML backoffice preview for Events using the fullcalendar js component

Usage

This package installs a new element type 'fullcalendar' and a custom Angular preview for the Block Grid editor in the backoffice. It uses the fullcalendar javascript plugin to display Events in a calendar control.

When setting up a block to be part of the Grid, setting the 'Custom View' property to fullcallendar.html will generate preview HTML for the calendar.

How to select the custom view when creating a Block List/Grid: image Before and after of how component looks within the Block Grid: image

The Calendar accepts a datasource string which is used as the fullcalendar event source, it should be a URL pointing to an api which returns a json array of events image

You can also set options for the header bar left/center/right sections

image

License

Copyright © 2023 Huw Reddick, and other contributors.

Licensed under the MIT License.

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.0.4 140 5/30/2024
1.0.3 567 3/17/2023
1.0.3-rc2 139 3/17/2023
1.0.3-rc1 140 3/16/2023
1.0.2 214 3/16/2023
1.0.1 246 2/27/2023
1.0.0 234 2/26/2023