Recommended New Features and Troubleshooting

Ask the community
,
1

Hi, today I’m opening this thread because it is my wish to recommend some new features, as well as report what seems to be a bug of the Editor.

While the current design is fluid and functional, I believe that being able to edit a website in Full Screen Mode (“View Live Site” inspired design) would make designing and editing far easier, better, and more comfortable.

2048×1105 615 KB

Another feature I’d like to recommend is the Enable Scrollbar ON/OFF Switch . As of right now, the only way a website owner has to disable the vertical scrollbar is by setting a grid in the page’s section, and inputting:

Calculation
(100vh - 50px)

2048×1796 144 KB

While this system has proven to be rather successful in achieving the desired result, it requires to be input in each “Device Viewport Editor” (as I like to call the three Width Breakpoints, Computer , Tablet , and Mobile ) each time, one by one.

What’s more, this calculation system has revealed the second point of my thread, the presence of what I believe might be a bug of the Editor X. Once you input (100vh - 50px), the preview of the website slowly shrinks , little by little, to the point where the page completely “vanishes” , rendering the website impossible to edit any further.

Saving/Publishing the website before restarting the Editor won’t do any difference. Once the Editor is open, it’ll start shrinking again, only this time it’ll be slightly faster than when (100vh - 50px) was input the first time.

1827×217 170 KB

1868×107 3.44 KB

A small (additional) feature I wish to recommend adding to the Editor X is the ability to switch from Portrait to Landscape Mode in the last two Width Breakpoints ( Tablet , and Mobile ). Being unable to edit a website in Landscape makes it harder for the owner to locate any possible technical issue hidden in it.

1 Like
2

I don’t know if I can get behind your idea of a “Full Screen Mode”, so can you clarify something for me? In creating this mode, would you be trying to eliminate the need to close the left and right (add and inspector) side panels in order to see the full page while in the editor?

So that effectively, you would be able to see the whole page and still edit regardless of what panels you have open? Or is there another reason?

I can get behind the scrollbar toggle. Although scrollbars work differently on different browsers and OS’s, I’m sure the team can knock this out the park.

That “Grand Finale” is hilarious :joy::joy::joy:! How is that page set up? @Ed @wearepages

I think I understand the last feature…but maybe I disagree because I think that you can just add more breakpoints to accomplish that…because a landscape phone is just a wider breakpoint. I get that there’s a landscape and portrait css thing, but personally I think that would complicate things beyond the scope of Editor X goal to streamline the designing process. Idk

3

I don’t know if I can get behind your idea of a “Full Screen Mode”, so can you clarify something for me? In creating this mode, would you be trying to eliminate the need to close the left and right (add and inspector) side panels in order to see the full page while in the editor?
So that effectively, you would be able to see the whole page and still edit regardless of what panels you have open? Or is there another reason?

Recently, a user on the Community X Facebook Group posted a question about a problem they seemed to be having with the alignment of an element, and one of the members pointed out the problem being possibly caused by the difference between the Editor preview and the actual website in its “View Live Site” Mode (the Editor’s preview is much smaller than the published website, after all).

Therefore, I considered a “View Live Site”-like workspace to be far more suitable for the Editor, as it would make editing a website even easier, cause the owner would be looking at a “Live”-like version of it.

But this “View Live Site”-like workspace wouldn’t need to eliminate the left and right side panels you mentioned. That’s cause they are open and closed manually, and they don’t affect the workspace, as they simply overlap the Editor.

I can get behind the scrollbar toggle. Although scrollbars work differently on different browsers and OS’s, I’m sure the team can knock this out the park.

Yeah, cause this way there is no need to use calculation inputs like (100vh - 50px) to disable the scrollbar.

How is that page set up?

If you are asking about how the page in the screenshot is set up, then it’s a simple standard page with a 2x1 grid whose columns are set as Row Height > Calc > (100vh - 50px) . This system was recommended by a member of the Community X Facebook Group when I asked about a way to disable the vertical scrollbar in both the Landing Page and other pages of my website where said element is not required.

The “Grand Finale” is, probably, a bug of the Editor X, as I’m not the only one who experienced it when inputting (100vh - 50px).

I think I understand the last feature…but maybe I disagree because I think that you can just add more breakpoints to accomplish that…because a landscape phone is just a wider breakpoint.

I think that this feature could be easily enhanced without complicating things by simply adding a Rotate Switch next to the Width Breakpoints.

Honestly, I had already tried the approach you suggested by testing it on a duplicate of my website, but all I obtained were messed up elements and defective pages.

4

@alessandro Thanks for the feedback and the addition of the images to showcase what you want. Helps to have the envisioned interface for such a thing.

Regarding the scrollbar though, I can add the scrollbar without having the calculation or a grid. I have a blank section below and the only thing needed to show the scrollbar is the set overflow content to scroll.

1920×972 63.2 KB

Regarding the shrinking canvas, it is a known issue our team is aware of that happens when there is only one section with a viewport height of less than 100. Workaround for now is setting the viewport to 100VH or having an extra section to make up the difference of the space. Going to create a ticket on your behalf so our team can document this case and let you know of it’s status.

Finally as mentioned by Web Marketing Specialists, you could create more breakpoints for the landscape modes or reverse the measurements on the preview.

1920×972 37.9 KB

There I can see the rotate being really useful. I don’t do a lot of real-world designs, but I think it would be easier on focusing that the design is functioning and set it up to be responsive instead. Otherwise, might get paralysis in trying to design for every possible breakpoint combination. Pretty sure that’s why there’s a limit of 6 breakpoints; otherwise I could imagine someone would do one for every type of phone.

5

Thanks for the feedback and the addition of the images to showcase what you want. Helps to have the envisioned interface for such a thing.

Good evening, Mr. @Rob . I’m glad to be of help in further improving this amazing Editor your team has developed over time. Shall I ever come up with new inputs, I’ll make sure to open further threads for them.

331×917 291 KB

Regarding the scrollbar though, I can add the scrollbar without having the calculation or a grid. I have a blank section below and the only thing needed to show the scrollbar is the set overflow content to scroll.

Truth be told, I did try this tool you mentioned before, but the only result I have ever achieved was the scrollbar appearing/disappearing from the Editor itself, not the “Live Site”. Even though I disable it, the scrollbar will still be there when the website is published.

Regarding the shrinking canvas, it is a known issue our team is aware of that happens when there is only one section with a viewport height of less than 100. Workaround for now is setting the viewport to 100VH or having an extra section to make up the difference of the space. Going to create a ticket on your behalf so our team can document this case and let you know of it’s status.

While I understand the situation, I have to point out that my website’s Viewport Height is already set to 100vh, as it’s never been changed before.
What’s more, adding an extra section won’t solve the problem, as all the elements that were in the shrunk section are rendered impossible to edit, as the section literally “vanishes”.

1868×107 3.44 KB

Finally as mentioned by Web Marketing Specialists, you could create more breakpoints for the landscape modes or reverse the measurements on the preview.
There I can see the rotate being really useful.

I was already aware of the Measurements Reversing Tool, but that’s available only in the Editor’s Website Preview Mode . While I can’t deny it’s a useful function, I feel the need to point out that it should be implemented in the Editor itself, as it’d make it easier to edit the website in other modes, as we only have access to the width.


However, I do agree that a button that automatically reverses said measurements would be useful, as it’d make that process faster for the website owner.

6

Thanks again for the feedback @alessandro .

Regarding the scrollbar on the live site, based on the picture, it seems the site isn’t premium. In that case, you’ll have the Editor X banner on the live site.

1920×972 128 KB

It’s about 10VH of the screen so that will cause a scrollbar if you have more than 100VH.

As for the issue with the shrinking canvas, it seems it can be caused by the grid as well. Again, I have made a ticket on your behalf so keep on your email.

7

Regarding the scrollbar on the live site, based on the picture, it seems the site isn’t premium. In that case, you’ll have the Editor X banner on the live site.

I see. In that case, I’ll just have to buy a domain for the website as soon as possible, in order to remove the Editor X banner.

As for the issue with the shrinking canvas, it seems it can be caused by the grid as well.

Indeed, that’s something I had noticed as well, earlier today, while testing another website design.