Kevin Beronilla kevinberonilla
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
| /* | |
| Global Dependencies: | |
| Gulp CLI | |
| Project Dependencies: | |
| Gulp (^4.0.0) | |
| Gulp Sass | |
| Gulp Beautify Code | |
| Gulp Autoprefixer | |
| Gulp Run |
kevinberonilla
/ component-width-calculation.js
Last active
October 4, 2022 15:15
Component Width Script
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
| /* | |
| This solution only works if the component has one immediate child element, otherwise component.getElement() | |
| does not return an HTML element and you won't be able to get the bounding rectangle. | |
| */ | |
| // Helper | |
| setComponentWidth: function(component, helper) { | |
| if (component.getElement() !== null && typeof(component.getElement().getBoundingClientRect) !== 'undefined') { | |
| var componentWidth = Math.floor(component.getElement().getBoundingClientRect().width); |
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
| /* | |
| Global Dependencies: | |
| Gulp CLI | |
| Project Dependencies: | |
| Gulp (^4.0.0) | |
| Gulp Sass | |
| Gulp Beautify Code | |
| Gulp Autoprefixer | |
| Gulp Run |
kevinberonilla
/ ALJS Modal Input Example
Last active
August 19, 2016 12:50
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>ALJS Modal Input Example | Appiphony Lightning JS</title> | |
| <link rel="stylesheet" type="text/css" href="assets/styles/salesforce-lightning-design-system.css"> | |
| </head> | |
| <body> |
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta name="robots" content="noindex, nofollow" /> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Textarea Bug</title> | |
| <link rel="stylesheet" href="assets/styles/salesforce-lightning-design-system-vf.min.css" /> | |
| <link rel="stylesheet" href="css/main.min.css" /> |
kevinberonilla
/ slds-brand-button-group.scss
Created
January 12, 2016 15:13
.slds-button--brand support for .slds-button-group
kevinberonilla
/ slds-icon-example-3.html
Last active
November 23, 2015 17:10
A method for calling SLDS icons in Visualforce pages using a JS framework
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
| <script> | |
| var assetsLocation = '{!URLFOR($Resource.SLDS0120)}'; | |
| </script> | |
| <use xlink:href="{{assetsLocation}}/assets/icons/standard-sprite/svg/symbols.svg#account"></use> |
kevinberonilla
/ slds-icon-example-2.html
Last active
November 23, 2015 17:10
A method for calling SLDS icons in Visualforce pages
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
| <use xlink:href="{!URLFOR($Resource.SLDS0120)}/assets/icons/standard-sprite/svg/symbols.svg#account"></use> |
kevinberonilla
/ slds-icon-example-1.html
Last active
November 23, 2015 17:10
The default method for calling SLDS icons
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
| <use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#account"></use> |