Resolve Special Character error on importing webstore description

Scenario: When we upload files that contains special characters for ex: importing values of html description field having <html> tags. After uploading the file an error will display regarding the special characters. Solution: Choose import character encoding. On the Scan & Upload File page of the Import Assistant, choose the type of character encoding for… Continue reading Resolve Special Character error on importing webstore description

Scroll snap feature

It makes the scrolling experience much smoother and it is very easy to implement. .my-element {  scroll-snap-type: mandatory;  scroll-snap-points-x: repeat(50px, 100px); } This code will create an element that snaps to every 50px on the x-axis and every 100px on the y-axis. Scroll snap align: The new scroll-snap-align property allows you to control how an… Continue reading Scroll snap feature

Resolve error : You need a higher level of the ‘Lists -> Documents and Files’ permission to load the file using suitecript

Requirement: Show the pdf file attached in the customer record to the website We are getting only the id of the file from javaScript. To get the url, we have to load the file using suiteScript. When we use suitescript to load file, there may be a chance of permission issue to access the document.… Continue reading Resolve error : You need a higher level of the ‘Lists -> Documents and Files’ permission to load the file using suitecript

Individual Transform Property

A good way to give the website some animations or transitions is to use the transform property in CSS. The problem is if we want to change just one of the transform properties later on, we must write the whole definition again for all properties. Example: .childBlock1:hover {               transform: translateX(0%) rotate(0deg) scale(0.9); } @media… Continue reading Individual Transform Property

Solve “Youtube refuse to connect” while using youtube link in iframe code

Sometimes, when we use the youtube link directly in iframe code, the video will not load and shows error like youtube refuse to connect. Solution: YouTube doesn’t allow 3rd parties to embed their site directly like that. The easiest way to get the correct link is to right-click on the YouTube video and select copy embed code.

Flex-box and properties

The Flexbox Layout (Flexible Box) module aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”). The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and… Continue reading Flex-box and properties