Dropdowns hidden in Pinegrow, since you update Canvas to version 6

13 replies · opened Nov 1, 2020

YYoomitechNov 1, 2020

Hi,

i using Pinegrow to edit your template. Since you update your template to version 6, pinegrow doesnt show the dropdowns anymore. Look at the Video. Do you have a workarround for the problem?

Before you update to version 6 the dropdowns work without a problem in pinegrow. In the video you can see the problem. (Left Tab using your old version of your template and right tab you see the latest version of your template)

Link to video... https://deliverme.de/thecore/?/Min/Share/fnsKfYvREq

Thanks in advance!

SSemicolon WebSTAFFNov 2, 2020

Hello,

According to the video and your explanation, there appears to be an issue with some integration. As the Menus in Canvas 6 uses plain CSS and not JS. So it should work by default even if there is a JS conflict on the Page.

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Additionally, since integrations are your responsibility, we, unfortunately, will only be able to provide limited support on this.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

YYoomitechNov 2, 2020

Hi,

thank you for the information. Im in contact with the support of pinegrow now, they will check now whats the problem. Sure, i know, pinegrow is third party, so the problem is maybe on site of pinegrow.

For me, the problem seems to be, that the css and scripts in your template maybe should be loaded in another order but im not exactly sure. However, i cant provide a live url, cause the problem with your template is ONLY in pinegrow and in the preview of pinegrow. If i use a browser to look at the template everything is fine. (The preview of your template is only LOCALHOST provided by pinegrow)

As you seen in the video, with pinegrow i can edit your template visually; thats saves much work for me and have much advantages instaead if i only change the code and it is much faster also.

Please let this thread open for now, i will get back to you, if i have a response from the support of pinegrow.

Thanks, Matthias

SSemicolon WebSTAFFNov 3, 2020

Hello,

Thanks for the reply and for shedding more light on this.

We will keep looking into this too. Meanwhile, can you please let us know if you are using a Fresh Install of Canvas 6 or upgrading from v5 to v6?

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

YYoomitechNov 3, 2020

Hi,

im using a fresh and untouched Install of Canvas 6.

Greetings and have a nice day!

Matthias

SSemicolon WebSTAFFNov 4, 2020

Hello,

Thanks for the update.

We assure you that the Mega Menus on Canvas 6 only use CSS Hover and not JS Plugins so this should not cause any conflicts with any Editor even if the Order is different.

Let us know when and what the Pinegrow Support replies to your Support Query.

Have a Nice Day.

YYoomitechDec 30, 2020

Hi again,

i got a answer from the support now. Seems the problem is in your template. The problem is, real almost every template work fine in pinegrow, except yours. (Your old Version worked too, your new one doesnt) Here we go with the answer:

Hello Matthias,

Thanks for the step by step instructions.

Because Pinegrow is not a page browser, but a code editor with visual features, its parser is much stricter on the quality of syntax and code validity of HTML templates than a regular web browser. In the vast majority of cases, if there are no syntax errors in the code, an HTML document will open and be interpreted without any problems. (this kind of feedback is VERY rare).

If there are errors in the code, there is a good chance that the parser will fail and not produce the expected result. Hence the difference between what you see when you open the page in Chrome or Firefox and what you get when the page is loaded in Pinegrow.

Regarding your HTML template, a quick analysis from the team showed us that the nav is malformed. It is missing a closing li just before the final ul - there are 522 lines of code in the main body of that navigation and for some reason the JS doesn't seem to be operating correctly.

Note: unfortunately, despite it's dedicated option (Page > Check for HTML error) Pinegrow cannot detect this error and gives an approximate result.

We regularly work on improving the parser to handle special cases of code errors, but unfortunately there will not be a specific fix in a very short time.

Hope you can offer a solution, pinegrow wont.

Bye Matthias

SSemicolon WebSTAFFDec 30, 2020

Hello,

Thanks for getting back to us!

According to this reply:
Regarding your HTML template, a quick analysis from the team showed us that the nav is malformed. It is missing a closing li just before the final ul – there are 522 lines of code in the main body of that navigation and for some reason the JS doesn’t seem to be operating correctly.

It is mentioned that there is a missing closing li Tag, however, in the Default Templates provided with the Package everything is validated through the W3C Validator: https://validator.w3.org/ (you can check the HTML Codes with the Validator) and as we have already mentioned earlier, Canvas 6 does not use JS for Drop-Down Menus. Also, if there was an issue with this, somebody would definitely reported this on the Support Forums.

Additionally, we tried installing Pinegrow on Our System and tried Test-Driving it, but we are not sure about how it works. From what we understand after running some tests, that Pinegrow is best suited if you want to Create a Fresh Project and not editing Existing Bootstrap 4 Projects because Existing HTML Templates are not made to be compatible with Pinegrow out of the box. Moreover, we are still having a hard time understanding why a Simple CSS :hover wouldn't work with Pinegrow while everything works fine in all Browsers and especially when there are no errors or Invalid HTML Codes.

Thanks for Understanding.

Let us know if we can help you with anything else or if you find any further issues.

YYoomitechDec 30, 2020

Hi,

thank you for your answer! You are right, the support of pinegrow is slow and bad. They dont want or cant offer a solution. Anyways, i thank you for helping and installing pinegrow. From your side of your support comes more than i expected, thanks for that.

Yes you are right, pinegrow is maybe more for own coding. However, i like to work with pinegrow, cause you can work visually and with plain code only, so i get much faster a result as with another way to work.

So it isnt that important that the navigation menu work within pinegrow anymore, cause i use your template than with PHP (Header and Footer) so i have to build the menu just one time without pinegrow.

I wish you a happy new year 2021 ;)

Bye Matthias

SSemicolon WebSTAFFDec 31, 2020

Hello,

We absolutely understand how frustrating this can be. We are always here to help and always try fixing any issues Our Users can be having but this is something that is related to the software and not the Default Codes.

Please let us know if we can help you with anything else.

Very Happy New Year to you and your loved ones! :) Stay Safe.

YYoomitechJan 2, 2021

Hi,

after i send your answer to the support of pinegrow, i got a new answer from pinegrow.

Hello Matthias,

After further examination, the cause is the way how Pinegrow handles hover states emulation. It clashes with CSS rules in this case.
A workaround is to put the Menu Item in a Hover state and then it will show the menu on mouse hover. (see attached screenshot)

Our recommendation would be to just edit the mega menus in Element code. as the issue only affects the menu display in Pinegrow.

Happy New Year 2021.

Yours sincerely.

I do not try the workaround yet, my rply is just to let you know the answer ;) So it seems, after months, pinegrow offer a solution. WOW ^^ lol But im more happy about your support, so i will stay with your support and with your template for sure!

Thanks so much, and have a Happy New Year 2021! (And a year without pinegrow for you. Pinegrow = Paingrow, just giggling ;))

Matthias

SSemicolon WebSTAFFJan 3, 2021

Hello,

Thanks for the Kind Words! :)

Ohh wow. So Pinegrow does change how the Hover works. Typically, this is not an ideal behavior as this would affect the Standard User Experience. But glad to know that the issue was not with Canvas as we have double-checked everything thinking if there might be an issue with Canvas or some conflicts.

Haha (then we must work on a Builde in 2021)! Thank You for choosing Canvas! Wishing you a Very Happy and Healthy New Year! :)

Have a Great Day.

YYoomitechFeb 9, 2024

Hi,

to keep you up to date, your Dropdowns working now in Pinegrow, since you update your Template to the newest version. Just to let you know ;) Bye

SSemicolon WebSTAFFFeb 11, 2024

Hello,

Thanks so much for the Update! :)

Glad this issue has been resolved. We are always looking to improve the codes with new updates.

Please do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard