Book a Demo

Author Topic: EA 16.005. HTML. Resizing the Browser window does not resize content  (Read 5178 times)

wivel

  • EA User
  • **
  • Posts: 243
  • Karma: +12/-1
  • Driven by Models
    • View Profile
Hi

When you resize the HTML window, the actual content window, i.e. the generated HTML is not resized.

It is quite annoying, especially for larger diagrams such as business processes, that you have to scroll back and forth inside the fixed size content area instead of having the content area follow the browser window size.

I guess it is 'as designed' but it is a step back from the previous version, where the content area followed the browser window size.

Anyone out there with HTML/CSS skills, that can change that behavior?

Henrik

Takeshi K

  • EA User
  • **
  • Posts: 630
  • Karma: +43/-1
    • View Profile
    • Sparx Systems Japan
Re: EA 16.005. HTML. Resizing the Browser window does not resize content
« Reply #1 on: November 10, 2022, 10:34:38 am »
Hello Henrik,

If I understand correctly, changing the HTML template may solve your problem.
In the 'CSS-Main' template, near line 610, there is a difinition about '.indexcell'.

Before: width: 350px;
After: width: 200px; max-width: 30%;

By adding like above, the content area is changeable.

HTH,
--
t-kouno

wivel

  • EA User
  • **
  • Posts: 243
  • Karma: +12/-1
  • Driven by Models
    • View Profile
Re: EA 16.005. HTML. Resizing the Browser window does not resize content
« Reply #2 on: November 15, 2022, 12:22:26 am »
Hi Takeshi K

Thanks. I tried it, but it didn't work. I will do a bit more digging into the templates and see what I can find. Then I can also get brushed up on CSS and HTML. It has been a while  :)

Henrik


wivel

  • EA User
  • **
  • Posts: 243
  • Karma: +12/-1
  • Driven by Models
    • View Profile
Re: EA 16.005. HTML. Resizing the Browser window does not resize content
« Reply #3 on: November 20, 2022, 01:18:52 am »
Did a little research and testing today, and narrowed it down the the body CSS, where the max-width is set to 1400px.
Code: [Select]
body{
  max-width: 1400px;
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
}

Tried to set it to none, but then the TOC gets messed up  :)

Will do a little more digging.

Henrik
« Last Edit: November 20, 2022, 09:53:56 pm by wivel »