Just a quick pen to illustrate a new property we can use to rotate a doughnut chart. This example is specific to the Chart.JS library.
A Pen by Mark Drake on CodePen.
Mark Drake markadrake
🇺🇸
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default { | |
| actionCategories: { | |
| myActionGroup: "My Action Group", | |
| }, | |
| companyPackageActions: { | |
| add: "Add", | |
| subtract: "Subtract" | |
| }, | |
| companyPackageActionDescriptions: { | |
| add: "Allow users to add something.", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @* | |
| Block alias: `Example` | |
| File path: Views/Partials/RichText/Components/Example.cshtml | |
| *@ | |
| @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.RichTextBlockItem> | |
| @{ | |
| var blockListItem = new BlockListItem(Model.ContentUdi, Model.Content, Model.SettingsUdi, Model.Settings); | |
| } | |
| <partial name="~/views/partials/blocklist/components/example.cshtml" model="blockListItem" /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var linksWithChildren = document.querySelectorAll("li.dynamic-children > a"); | |
| for (var i = 0; i < linksWithChildren.length; i++){ | |
| linksWithChildren[i].setAttribute("aria-haspopup","true") | |
| } |
markadrake
/ TextboxWithCharacterCount.controller.js
Created
December 1, 2022 02:37
Custom Umbraco Property Editor Tutorial: Character Counts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module("umbraco").controller("Scylla.TextboxWithCharacterCount", function ($scope) | |
| { | |
| // Loads Default Max Count | |
| $scope.model.maxCount = $scope.model.config.maxCount; | |
| // Attempts to re-define Max Count by description text | |
| if ($scope.model.description) | |
| { | |
| var maxSetInDescription = $scope.model.description.match(/\d+/); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage | |
| @using ContentModels = Umbraco.Cms.Web.Common.PublishedModels; | |
| @{ | |
| Layout = "template.cshtml"; | |
| var currentPage = Umbraco.AssignedContentItem; | |
| var root = currentPage.AncestorOrSelf(1); | |
| } | |
| <div class="sitemap"> |
markadrake
/ ConfirmationFieldType.cs
Last active
January 30, 2022 05:30
Umbraco 9 > Umbraco Forms > Custom Confirmation Field Type
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| using System; | |
| using System.Collections.Generic; | |
| using System.Linq; | |
| using Microsoft.AspNetCore.Http; | |
| using Umbraco.Cms.Core.Composing; | |
| using Umbraco.Cms.Core.DependencyInjection; | |
| using Umbraco.Forms.Core; | |
| using Umbraco.Forms.Core.Enums; | |
| using Umbraco.Forms.Core.Models; | |
| using Umbraco.Forms.Core.Providers; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .myUniqueClassName { | |
| background: black; | |
| color: white; | |
| h1, h2, h3, h4, h5, h6, p, li, span, label { | |
| font-size: 1rem; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| Responsive Type through SVG | |
| CodePen: https://codepen.io/markadrake/pen/dWgyvK | |
| --> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>CodePen - SVG Text Spacing</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
markadrake
/ gist.js
Created
September 2, 2017 15:48
Concatenate Arrays using the Spread Operator in JavaScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Concatenate Arrays using the Spread Operator in JavaScript | |
| // CodePen: https://codepen.io/markadrake/pen/mMvYRQ | |
| // Gist: https://gist.github.com/ | |
| let myArray = [1], | |
| mySecondArray = [2, 3], | |
| myLastArray = [...myArray, ...mySecondArray]; // [1, 2, 3] |
markadrake
/ Rotate a Doughnut Chart (Chart.JS).markdown
Created
June 5, 2015 17:28
Rotate a Doughnut Chart (Chart.JS)