Skip to main content

HTML Object Height Change In Percentage

SOLVED ! Problem : HTML Object in <object tag height could not able to change as in percentage

Solution : Add the below style and html object width and height in % ( percentage)

Html object may be anything like a PDF document , Microsoft word document,Tiff image or a video or any kind of object we can insert in html with object height and width in % percentage

Step 1 : 


.body {

    margin: 0;

    padding: 0;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    overflow: hidden;

    min-width: 630px;



    margin: 0;

    padding: 0;

    position: absolute !important;

    width: 100% !important;

    height: 100% !important;



 align : center;

 padding: 5px;

 background-color: #e0ebed;

 box-shadow: 1px -1px 19px 6px #888;
 margin-top: auto;

 margin-bottom: auto;

 margin-left: auto;

 margin-right: auto;



Step 2 :

<div class="html5container" width="100%" height="100%">
<object class="" id="viewONE" width="100%" height="100%">


Popular posts from this blog

Angular cli ng command is not working

Problem : angular cli command  ng is not working

'ng' is not recognized as an internal or external command,
operable program or batch file.

Solution :

update .npmrc file at C:\Users\{USERNAME}
with the below line


warning: LF will be replaced by CRLF in

Problem :

The file will have its original line endings in your working directory


step1) open .gitconfig file

step2) paste the below code

autocrlf = false
[filter "lfs"]
required = true
clean = git-lfs clean -- %f
smudge = git-lfs smudge -- %f
process = git-lfs filter-process

How to remove entity in jhipster and create fresh entities

Problem Statement : Not able to delete jhipster entity and wanted to entities freshly

Solution :

Step 1) Open command prompt and point to the jhipster project root

Step 2) Run  jhipster remove-entity

Step 3) Run jhipster

Step 4) Then import new jdl  using below command

jhipster import-jdl jhipster-jdl.jh

Step 5 ) Then Run  mvnw

Still Problem  : One of the entity may not load data and shows 500 error

Drop the tables in h2 database and let and do mvnw again.

To connect to local database Goto -> Administration -->Database --> Connect