The JavaScript warning “reference to undefined property” occurs when a script attempts to access an object property that doesn’t exist. Examples Invalid Cases In this case, the property bar is an undefined property, so a ReferenceError will occur. Valid Cases To avoid the error, you need to either add a definition for ‘bar’ to the… Continue reading Resolve ReferenceError: reference to undefined property “x”
Author: Anoop Vincent
Use of responsive display classes in bootstrap for showing and hiding elements by the device.
For faster mobile-friendly development, use responsive display classes for showing and hiding elements by the device. Avoid creating entirely different versions of the same site, instead hide elements responsively for each screen size. To hide elements simply use the .d-none class or one of the .d-{sm, md, lg, xl}-none classes for any responsive screen variation.… Continue reading Use of responsive display classes in bootstrap for showing and hiding elements by the device.
How to wrap text around a circular carousel in Bootstrap
Wrapping up a circular carousel is quite hectic compared to wrapping up a circular image or any shape of the image. In this article first, we have to create a carousel to make that circular, then we can use the text to wrap the carousel.First, we have to create Bootstrap Carousel. To make that carousel… Continue reading How to wrap text around a circular carousel in Bootstrap
Adding Nickname For Credit Card In Website Checkout Page, My Account Page And Save To NetSuite
First a nickname field was created by adding the following code in the jj_customrecord_bpau.tpl file and defining this template file in the entry file. The nickname value given was stored into the netsuite by using the Suitescript file and suitelet mentioned below: Suitescript file: Suitelet:
Resolve SuiteScript ReferenceError: “session” is not defined
When the Notice (SuiteScript) ReferenceError: “session” is not defined is thrown within NetSuite, the steps mentioned below can be used to rectify the error. Step 1) Navigate to Commerce > Hosting > SSP Applications Step 2) Click the View link of the current SSP Application Step 3) Under the Supported Touch Points subtab, make sure that it is populated with the correct values Step… Continue reading Resolve SuiteScript ReferenceError: “session” is not defined
How to create a navbar in Bootstrap
Bootstrap Navbar is a navigation header that is located at the top of the webpage which can be extended or collapsed, depending on the screen size. Bootstrap Navbar is used to create responsive navigation for our website. We can create standard navigation bar with <nav class=”navbar navbar-default”>. We can also create different navbar variations such… Continue reading How to create a navbar in Bootstrap
How to resolve the error: ‘Invalid Custitem Reference Key xxx’
The xxx refers to the customized field. When this error message is encountered, NetSuite cannot find the values on the customized field included on the CSV file. To correct the error: 1. Go to the list for the type of custom field mentioned in the error message. Go to Customization > Lists, Records, & Fields… Continue reading How to resolve the error: ‘Invalid Custitem Reference Key xxx’
How to shrink a header on scroll with CSS and JavaScript.
Step 1) Add HTML: Create a header: Example Code: <div id=”header”>Header</div> Step 2) Add CSS: Style the header: Example Code: #header { background-color: #f1f1f1; /* Grey background */ padding: 50px 10px; /* Some padding */ color: black; text-align: center; /* Centered text */ font-size: 90px; /* Big font size */ font-weight: bold; position: fixed; /* Fixed position – sit on top of… Continue reading How to shrink a header on scroll with CSS and JavaScript.
How to add transition on hover with CSS
CSS transitions allows us to change property values smoothly (from one value to another), over a given duration. Animate an element with basic transition on hover In the example code given below, we will make the opacity of an element change when a user hovers or mouses over the element. Example Code: <!DOCTYPE html> <html… Continue reading How to add transition on hover with CSS
How to create a collapsible section with CSS and JavaScript.
A Collapsible Section makes a section, or group of fields, collapsible. It is useful when there are several sections in your form and you want them to take up less vertical space. Create A Collapsible Section Step 1) Add HTML Example Code: <button type=”button” class=”collapsible”>Open Collapsible</button> <div class=”content”> <p>Lorem ipsum…</p> </div> Step 2) Add CSSStyle the accordion: Example… Continue reading How to create a collapsible section with CSS and JavaScript.