npmpackage.info

Gathering detailed insights and metrics for screen-orientation-js

Other packages similar to screen-orientation-js

@kptn/screen-orientation

0.1.4

Cross-browser screen orientation management in JS

screen-info-js

1.0.1

JavaScript detection of device screen size, orientation & pixel density

Gathering detailed insights and metrics for screen-orientation-js

screen-orientation-js - 1.0.2 | npmpackage.info

screen-orientation-js

Displays an animated full-screen message when the mobile device's screen is rotated horizontally.

1.0.2

MIT

TypeScript

13.20 kB

Installations

npm install screen-orientation-js

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.15.0

NPM Version

6.12.0 Pull Requests

Open

12

Total

18

Closed

1

Merged

5

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

TypeScript

CSS

JavaScript

TypeScript (70.28%)

CSS (16.74%)

JavaScript (12.98%)

Developer

mariusjagminas

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

12 Commits

1 Forks

1 Watchers

13 Branches

1 Contributors

Updated on Apr 11, 2020

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.0.2

Package Id

screen-orientation-js@1.0.2

Unpacked Size

13.20 kB

Size

5.52 kB

File Count

NPM Version

6.12.0

Node Version

10.15.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

clean-webpack-plugin css-loader style-loader ts-loader typescript webpack webpack-cli

screen-orientation-js

Displays an animated full-screen message when the mobile device's screen is rotated horizontally.

Some applications or websites may display content properly only in portrait orientation on the mobile devices. To prevent the website's layout from breaking , screen-orientation-js informs the user that the app can't be viewed in landscape orientation.

Installation

$ npm install screen-orientation-js

Usage

1const screenOrientationJs = require('screen-orientation-js');
2// or 
3import * as screenOrientationJs from 'screen-orientation-js';
4
5// Initialize with custom settings
6screenOrientation.init({
7    color:  "#7c692d",
8    bgColor: "#2d7c72",
9    animation: false,
10    fontSize: 3
11});
12
13// or with default 
14screenOrientationJs.init();

Using directly in a browser

Place <script> tag in the <head> section.

1<script src="https://unpkg.com/screen-orientation-js"></script>

screenOrientationJs is available as a global variable, or window.screenOrientationJs

1
2<script>
3  // init with custom settings
4  screenOrientationJs.init({bgColor: "#2d7c72"})
5  
6  // or with default 
7  screenOrientationJs.init();
8</script>

Options

You can change the default settings by passing the config object. The default setting values will be used for non-passed values.

Key	Value type	Description	Default value
`message:`	string	The custom message to display.	""Landscape orientation is not support..."
`color:`	string	Text color.	#0000
`fontSize:`	number	Font size. Recommended values 1-6.	5
`bgColor:`	string	Background color.	#ffff
`animation:`	boolean	The rotating phone animation.	true
`iconColor:`	string	Icon color.	#1D1D1D
`iconSize:`	number	Icon size.	10
`minHeight:`	number	Min viewport height in landscape mode for the component to be inactive	500

No vulnerabilities found.

No security vulnerabilities found.