Skip to content

Commit 4d55aa3

Browse files
author
pipeline
committed
v24.2.3 is released
1 parent e658498 commit 4d55aa3

File tree

266 files changed

+606
-1775
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

266 files changed

+606
-1775
lines changed

‎config.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -110,6 +110,7 @@
110110
"ohlc",
111111
"common",
112112
"sys",
113-
"appbar"
113+
"appbar",
114+
null
114115
]
115116
}

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-javascript-samples",
3-
"version": "24.1.41",
3+
"version": "24.2.3",
44
"description": "Examples of JavaScript (ES5) UI Controls",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎src/button/button-group-stack.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"index.html":"<html><head><script src=\"https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/24.1.41/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n .control-section{\n margin-top:100px;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section button-group-container\">\n <div class=\"button-group-section\">\n <div id=\"button-group-control\">\n <div class=\"row\"> \n <p class=\"h5\">Default</p>\n <div id=\"icon\" class=\"e-btn-group\">\n <button id=\"watch\"></button>\n <button id=\"star\"></button>\n <button id=\"download\"></button>\n </div>\n </div>\n <div class=\"row\"> \n <p class=\"h5\">Single selection</p>\n <div id=\"text\" class=\"e-btn-group\">\n <input type=\"radio\" id=\"left\" name=\"align\" value=\"left\">\n <label class=\"e-btn\" for=\"left\">Left</label>\n <input type=\"radio\" id=\"center\" name=\"align\" value=\"center\" disabled=\"\">\n <label class=\"e-btn\" for=\"center\">Center</label>\n <input type=\"radio\" id=\"right\" name=\"align\" value=\"right\">\n <label class=\"e-btn\" for=\"right\">Right</label> \n </div>\n </div>\n <div class=\"row\">\n <p class=\"h5\">Multiple selection</p>\n <div id=\"iconandtext\" class=\"e-btn-group\">\n <input type=\"checkbox\" id=\"bold\" name=\"fontstyle\" value=\"bold\" checked=\"\">\n <label class=\"e-btn\" for=\"bold\">\n <span class=\"e-btn-icon bg-icons e-btngrp-bold e-icon-left\"></span>Bold\n </label>\n <input type=\"checkbox\" id=\"italic\" name=\"fontstyle\" value=\"italic\">\n <label class=\"e-btn\" for=\"italic\">\n <span class=\"e-btn-icon bg-icons e-btngrp-italic e-icon-left\"></span>Italic\n </label>\n <input type=\"checkbox\" id=\"underline\" name=\"fontstyle\" value=\"underline\">\n <label class=\"e-btn\" for=\"underline\">\n <span class=\"e-btn-icon bg-icons e-btngrp-underline e-icon-left\"></span>Underline\n </label>\n </div>\n </div> \n </div>\n </div>\n</div>\n\n\n\n\n<style>\n@font-face {\n font-family: 'e-bg-icons';\n src:\n url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');\n font-weight: normal;\n font-style: normal;\n}\n\n.bg-icons {\n font-family: 'e-bg-icons' !important;\n speak: none;\n font-size: 14px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.e-btngrp-watch::before {\n content: '\\e71b';\n}\n \n.e-btngrp-star::before {\n content: '\\e710';\n}\n \n.e-btngrp-download::before {\n content: '\\e712';\n}\n \n.e-btngrp-bold::before {\n content: '\\e71a'\n}\n \n.e-btngrp-italic::before {\n content: '\\e708';\n}\n \n.e-btngrp-underline::before {\n content: '\\e703';\n}\n\n.button-group-section {\n width: 320px;\n margin: 0 auto;\n margin-top: 1.7%;\n margin-bottom: 1.7%;\n}\n\n.e-bigger .button-group-section {\n width: 350px;\n}\n.button-group-section .row {\n margin: 0 0 30px 0;\n}\n\n.button-group-section .row:last-child {\n margin-bottom: 0;\n}\n\n.button-group-section .row .p:first-child {\n margin-top: 0;\n}\n\n</style></div></body></html>","index.js":"{{ripple}}/**\n * Sample for basic ButtonGroup.\n */\n\n\n var buttonElement = new ej.buttons.Button({iconCss: 'bg-icons e-btngrp-watch'});\n buttonElement.appendTo('#watch');\n\n buttonElement = new ej.buttons.Button({iconCss: 'bg-icons e-btngrp-star'});\n buttonElement.appendTo('#star');\n\n buttonElement = new ej.buttons.Button({iconCss: 'bg-icons e-btngrp-download'});\n buttonElement.appendTo('#download');\n\n // To enable ripple in checkbox/radio type ButtonGroup.\n var buttons = document.querySelectorAll('label.e-btn'), button;\n for (var i = 0; i < buttons.length; i++) {\n button = buttons.item(i);\n ej.base.rippleEffect(button, { selector: '.e-btn' });\n }\n\n"}

‎src/button/checkbox-stack.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"index.html":"<html><head><script src=\"https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/24.1.41/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n .control-section{\n margin-top:100px;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"checkbox-control\">\n <div class=\"row\">\n <input id=\"checked\" type=\"checkbox\">\n </div>\n <div class=\"row\">\n <input id=\"disabled\" type=\"checkbox\">\n </div>\n <div class=\"row\">\n <input id=\"indeterminate\" type=\"checkbox\">\n </div>\n </div>\n</div>\n\n\n\n\n<style>\n /* CheckBox Styles */\n .checkbox-control {\n margin: 12% 0 12% 40%;\n }\n\n @media only screen and (max-width: 700px) {\n .checkbox-control {\n margin: 20% 0 0 32%;\n }\n\n .control-section {\n min-height: 200px;\n }\n }\n\n @media only screen and (max-width: 500px) {\n .control-section {\n min-height: 200px;\n }\n\n .checkbox-control {\n margin-top: 27%;\n margin-left: 20%;\n margin-bottom: 27%;\n }\n }\n\n .control-section .row {\n margin: 20px 0;\n }\n</style></div></body></html>","index.js":"{{ripple}}\n var checkBoxObj = new ej.buttons.CheckBox({ label: 'CheckBox: true', checked: true, change: onChange });\n checkBoxObj.appendTo('#checked');\n\n checkBoxObj = new ej.buttons.CheckBox({ label: 'Checked, Disabled', disabled: true, checked: true });\n checkBoxObj.appendTo('#disabled');\n\n checkBoxObj = new ej.buttons.CheckBox({ label: 'Indeterminate, Disabled', indeterminate: true, disabled: true });\n checkBoxObj.appendTo('#indeterminate');\n\n // function to handle the CheckBox change event\n function onChange(args) {\n this.label = 'CheckBox: ' + args.checked;\n }\n"}

‎src/button/default-stack.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"index.html":"<html><head><script src=\"https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/24.1.41/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n .control-section{\n margin-top:100px;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"button-section\">\n <div id=\"button-control\">\n <div class=\"row\">\n <div class=\"col-xs-6 col-sm-6 col-lg-6 col-md-6\">\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"primarybtn\">Primary</button>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"normalbtn\">Normal</button>\n </div>\n </div>\n <div class=\"col-xs-6 col-sm-6 col-lg-6 col-md-6\">\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"outlinebtn\">Outline</button>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"flatbtn\">Flat</button>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-6 col-sm-6 col-lg-6 col-md-6\">\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"successbtn\">Success</button>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"warningbtn\">Warning</button>\n </div>\n </div>\n <div class=\"col-xs-6 col-sm-6 col-lg-6 col-md-6\">\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"dangerbtn\">Danger</button>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"infobtn\">Info</button>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-6 col-sm-6 col-lg-6 col-md-6\">\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"roundbtn\"></button>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"togglebtn\">Play</button>\n </div>\n </div>\n <div class=\"col-xs-6 col-sm-6 col-lg-6 col-md-6\">\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"openiconbtn\">Open</button>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-lg-6 col-md-6\">\n <button id=\"smallbtn\">Small</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n\n\n\n<style>\n\n @font-face {\n font-family: 'button-icons';\n src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');\n font-weight: normal;\n font-style: normal;\n }\n\n .e-btn-sb-icons {\n font-family: 'button-icons';\n line-height: 1;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .e-play-icon::before {\n content: '\\e701';\n }\n\n .e-pause-icon::before {\n content: '\\e705';\n }\n\n .e-open-icon::before {\n content: '\\e70d';\n }\n\n .e-add-icon::before {\n content: '\\e70a';\n }\n</style></div></body></html>","index.js":"{{ripple}}\n var button = new ej.buttons.Button({ isPrimary: true });\n button.appendTo('#primarybtn');\n\n button = new ej.buttons.Button({});\n button.appendTo('#normalbtn');\n\n button = new ej.buttons.Button({ cssClass: 'e-outline', isPrimary: true });\n button.appendTo('#outlinebtn');\n\n button = new ej.buttons.Button({ cssClass: 'e-flat e-primary' });\n button.appendTo('#flatbtn');\n\n button = new ej.buttons.Button({ cssClass: 'e-success' });\n button.appendTo('#successbtn');\n\n button = new ej.buttons.Button({ cssClass: 'e-warning' });\n button.appendTo('#warningbtn');\n\n button = new ej.buttons.Button({ cssClass: 'e-danger' });\n button.appendTo('#dangerbtn');\n\n button = new ej.buttons.Button({ cssClass: 'e-info' });\n button.appendTo('#infobtn');\n\n button = new ej.buttons.Button({ iconCss: 'e-btn-sb-icons e-add-icon', cssClass: 'e-small e-round', isPrimary: true });\n button.appendTo('#roundbtn');\n\n var toggleBtn = new ej.buttons.Button({ iconCss: 'e-btn-sb-icons e-play-icon', cssClass: 'e-flat e-primary', isToggle: true });\n toggleBtn.appendTo('#togglebtn');\n\n button = new ej.buttons.Button({ iconCss: 'e-btn-sb-icons e-open-icon', cssClass: 'e-flat e-primary', iconPosition: 'Right' });\n button.appendTo('#openiconbtn');\n\n button = new ej.buttons.Button({ cssClass: 'e-small'});\n button.appendTo('#smallbtn');\n\n // Toggle button click event handler\n toggleBtn.element.onclick = function () {\n if (toggleBtn.element.classList.contains('e-active')) {\n toggleBtn.content = 'Pause';\n toggleBtn.iconCss = 'e-btn-sb-icons e-pause-icon';\n } else {\n toggleBtn.content = 'Play';\n toggleBtn.iconCss = 'e-btn-sb-icons e-play-icon';\n }\n }; \n"}

‎src/button/dropdown-button-stack.json

+1
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)