This repository was archived by the owner on Jan 3, 2020. It is now read-only.
BranchesTags

Repository files navigation

Build StatusDependency StatusDev Dependency Statuscodecovbadge

Calendar

Display and manage calendar events

Features

  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges

Dependencies

  • Mendix 7.15.1

Development test project

https://reactcalendar.mxapps.io

Basic configuration

CalendarProperties

  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute] When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.

CalendarProperties

  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional

CalendarProperties

  • Truncated events are shown in an overlay when you click the +x more link

CalendarProperties

  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing

CalendarProperties

Issues, suggestions and feature requests

We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues

Development

See here

About

[ARCHIVED], moved to

github.com/mendix/widgets-resources/tree/master/packages-web/calendar

Resources

Readme
Apache-2.0 license
Activity
Custom properties

Stars

2 stars

Watchers

1 watching

Forks

11 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content

This repository was archived by the owner on Jan 3, 2020. It is now read-only.

BranchesTags
Repository files navigation
Build StatusDependency StatusDev Dependency Statuscodecovbadge
Calendar
Display and manage calendar events
Features
  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges
Dependencies
  • Mendix 7.15.1
Development test project
https://reactcalendar.mxapps.io
Basic configuration
CalendarProperties
  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute]
When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.
CalendarProperties
  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional
CalendarProperties
  • Truncated events are shown in an overlay when you click the +x more link
CalendarProperties
  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing
CalendarProperties
Issues, suggestions and feature requests
We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues
Development
See here
About
[ARCHIVED], moved to
github.com/mendix/widgets-resources/tree/master/packages-web/calendar
Resources
Readme
Apache-2.0 license
Activity
Custom properties
Stars
2 stars
Watchers
1 watching
Forks
11 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content

This repository was archived by the owner on Jan 3, 2020. It is now read-only.

BranchesTags
Repository files navigation
Build StatusDependency StatusDev Dependency Statuscodecovbadge
Calendar
Display and manage calendar events
Features
  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges
Dependencies
  • Mendix 7.15.1
Development test project
https://reactcalendar.mxapps.io
Basic configuration
CalendarProperties
  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute]
When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.
CalendarProperties
  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional
CalendarProperties
  • Truncated events are shown in an overlay when you click the +x more link
CalendarProperties
  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing
CalendarProperties
Issues, suggestions and feature requests
We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues
Development
See here
About
[ARCHIVED], moved to
github.com/mendix/widgets-resources/tree/master/packages-web/calendar
Resources
Readme
Apache-2.0 license
Activity
Custom properties
Stars
2 stars
Watchers
1 watching
Forks
11 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content

This repository was archived by the owner on Jan 3, 2020. It is now read-only.

BranchesTags
Repository files navigation
Build StatusDependency StatusDev Dependency Statuscodecovbadge
Calendar
Display and manage calendar events
Features
  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges
Dependencies
  • Mendix 7.15.1
Development test project
https://reactcalendar.mxapps.io
Basic configuration
CalendarProperties
  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute]
When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.
CalendarProperties
  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional
CalendarProperties
  • Truncated events are shown in an overlay when you click the +x more link
CalendarProperties
  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing
CalendarProperties
Issues, suggestions and feature requests
We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues
Development
See here
About
[ARCHIVED], moved to
github.com/mendix/widgets-resources/tree/master/packages-web/calendar
Resources
Readme
Apache-2.0 license
Activity
Custom properties
Stars
2 stars
Watchers
1 watching
Forks
11 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content

This repository was archived by the owner on Jan 3, 2020. It is now read-only.

BranchesTags
Repository files navigation
Build StatusDependency StatusDev Dependency Statuscodecovbadge
Calendar
Display and manage calendar events
Features
  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges
Dependencies
  • Mendix 7.15.1
Development test project
https://reactcalendar.mxapps.io
Basic configuration
CalendarProperties
  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute]
When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.
CalendarProperties
  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional
CalendarProperties
  • Truncated events are shown in an overlay when you click the +x more link
CalendarProperties
  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing
CalendarProperties
Issues, suggestions and feature requests
We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues
Development
See here
About
[ARCHIVED], moved to
github.com/mendix/widgets-resources/tree/master/packages-web/calendar
Resources
Readme
Apache-2.0 license
Activity
Custom properties
Stars
2 stars
Watchers
1 watching
Forks
11 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content

This repository was archived by the owner on Jan 3, 2020. It is now read-only.

BranchesTags
Repository files navigation
Build StatusDependency StatusDev Dependency Statuscodecovbadge
Calendar
Display and manage calendar events
Features
  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges
Dependencies
  • Mendix 7.15.1
Development test project
https://reactcalendar.mxapps.io
Basic configuration
CalendarProperties
  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute]
When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.
CalendarProperties
  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional
CalendarProperties
  • Truncated events are shown in an overlay when you click the +x more link
CalendarProperties
  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing
CalendarProperties
Issues, suggestions and feature requests
We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues
Development
See here
About
[ARCHIVED], moved to
github.com/mendix/widgets-resources/tree/master/packages-web/calendar
Resources
Readme
Apache-2.0 license
Activity
Custom properties
Stars
2 stars
Watchers
1 watching
Forks
11 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content

This repository was archived by the owner on Jan 3, 2020. It is now read-only.

BranchesTags
Repository files navigation
Build StatusDependency StatusDev Dependency Statuscodecovbadge
Calendar
Display and manage calendar events
Features
  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges
Dependencies
  • Mendix 7.15.1
Development test project
https://reactcalendar.mxapps.io
Basic configuration
CalendarProperties
  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute]
When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.
CalendarProperties
  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional
CalendarProperties
  • Truncated events are shown in an overlay when you click the +x more link
CalendarProperties
  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing
CalendarProperties
Issues, suggestions and feature requests
We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues
Development
See here
About
[ARCHIVED], moved to
github.com/mendix/widgets-resources/tree/master/packages-web/calendar
Resources
Readme
Apache-2.0 license
Activity
Custom properties
Stars
2 stars
Watchers
1 watching
Forks
11 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content

This repository was archived by the owner on Jan 3, 2020. It is now read-only.

BranchesTags
Repository files navigation
Build StatusDependency StatusDev Dependency Statuscodecovbadge
Calendar
Display and manage calendar events
Features
  • Add and edit calendar events
  • Drag and drop calendar events
  • Change calendar event color
  • Retrieve events based on selected date ranges
Dependencies
  • Mendix 7.15.1
Development test project
https://reactcalendar.mxapps.io
Basic configuration
CalendarProperties
  • Place the widget in data form within the context of the event entity
  • Calendar event can be retrieved from the database by context, xpath, microflow or nanoflow
  • Select the event entity
  • For data source Microflow, select a Data source microflow and for data source Nanoflow, select a Data source nanoflow
  • Select attributes to provide the event Title, start date, end date, color and a boolean attribute to determine whether the event should be considered all day
  • Setting up Refresh data source on view, retrieve data by microflow (Data source = Microflow) and add a constraint based on the View start attribute and the View end attribute. E.g. [End > $CalenderView/StartAttribute and Start < $CalenderView/EndAttribute]
When navigating through the calendar, only event that lie with in the View start attribute and View end attribute dates will be retrieved.
CalendarProperties
  • Standard view has day, week and month view only
  • To set a Custom toolbar, select Custom view
  • Month is the default view
  • Start position attribute is optional
CalendarProperties
  • Truncated events are shown in an overlay when you click the +x more link
CalendarProperties
  • There are three types of Events
  • There are two click events. Clicking on a calendar event and clicking on a day slot
  • The third event is the change event
  • There two change events as well. Drag and drop plus event resizing
CalendarProperties
Issues, suggestions and feature requests
We are actively maintaining this widget, please report any issues or suggestion for improvement at https://github.com/mendixlabs/calendar/issues
Development
See here
About
[ARCHIVED], moved to
github.com/mendix/widgets-resources/tree/master/packages-web/calendar
Resources
Readme
Apache-2.0 license
Activity
Custom properties
Stars
2 stars
Watchers
1 watching
Forks
11 forks
Report repository
Releases
Packages
Used by
Contributors
Languages