Upfront issues, bugs, errors and improvement ideas

1- There is no way to add a new menu item on the stage as evreything else can be added there, so the user gets confused about the sidebar settings on this case.
2- When we click on the stage with the right mouse button some settings appears, but it is hard to make it goes away then
3- The settings that appears while editing a section is bigger than the screen
4- There is now way to centralize a galley without css and it seems that to other elements we need to centralize them just guessing
5- Images are beeing duplicated when uploaded while editing css in a specifc screen (video is attached here)
https://youtu.be/hBlJKWW3an0
6- How to make something global to just a specif page type? Like, I want a specific menu just to pages, or just to posts, or just to categories or just to a specific post type...
7- Problems to grupo and padding (video attached here)
https://youtu.be/qAD07dQmCJU
8- How to centralize background image? I have a parallax bg image the cuts off a peace and it seems that I would need a photoshop to fix that, we need to know that the customer does not have that and do not know how to work with it :wink:
9- Some times the finish section edition is dissapearing (I do not know how to reproduce this error)
10- If you try to drag or resize an image just after uploaded it there is no way
11- What does "tailed horizontally" mean? I did not really understand that, maybe it is just a language issue, but, what does it really means?
12- There is no way to add effects to everything, it would be good to have a lot of ready effects, like frontend builder plugin (https://codecanyon.net/item/frontend-builder-wordpress-content-assembler-page-builder-drag-drop-page-composer/5310338)
13- Is the cache automatically cleaned when we save a page?
14- There are some words that are not being translated to the .mo file:
"deleting the global regions will remove..."
edit global regions
main header
main footer
home slider
advanced settings
appearence
square
this post only
15- It is not clear what does "Edit global regions" on the sidebar works for.
16- Why do lightboxes appear as a global region in the global regio editor and how it works? Is not it just a way to show things in a shadowbox? If yes, how it really works? I was not able to make it works.
17- Upfront is still slow. Maybe you guys could figure out a way to let the whole engine works just on the frontend, even for undo feature. To save it in a database just after everything is done. Maybe backbone.js would be good for that. How is upfront made and what would it take to be faster? Could you guys tell me a little bit more about that?

Last but not least, I would like to say that you guys are the best web company I know. You guys can be sure that the internet will never be the same again after you guys! You are the best and this tool is amazing!

Thank you!!! :wink:

  • Kasia Swiderska

    Hello diegpl,

    Thank you for your post - I've send it to Upfront developer to see it.

    1- There is no way to add a new menu item on the stage as evreything else can be added there, so the user gets confused about the sidebar settings on this case.

    Not everything can be handled directly in editor. If you played with Upfront you saw that most of the elements are having settings in sidebar panel - the same goes with menu.

    2- When we click on the stage with the right mouse button some settings appears, but it is hard to make it goes away then

    There is slight change in work of this additional settings menu because to hide it you have to click left mouse button outside of it, when browses allow you to also close this type of settings by also right click.

    3- The settings that appears while editing a section is bigger than the screen

    Could you provide me a screenshot of that because Im not sure what settings are you describing.

    4- There is now way to centralize a galley without css and it seems that to other elements we need to centralize them just guessing

    Yes, with gallery you are right. But I'm sure with future improvements of the plugin this will be handled better.

    5- Images are beeing duplicated when uploaded while editing css in a specifc screen (video is attached here)

    I could not replicated this issue. Can you tell me on what WP version are you checking this and/or enable support access to site where I can see it?

    6- How to make something global to just a specif page type? Like, I want a specific menu just to pages, or just to posts, or just to categories or just to a specific post type...

    You create global region, add it to post or category page or custom post type and save changes for all of the same post types and then this global region will show only on the specific post type you edited.
    This will not work for pages, because you would need to add global region for each page if they are already created. But for new pages you could use templates system, so new pages will contain global region.

    7- Problems to grupo and padding (video attached here)
    https://youtu.be/qAD07dQmCJU

    This one I was able to replicate - however

    8- How to centralize background image? I have a parallax bg image the cuts off a peace and it seems that I would need a photoshop to fix that, we need to know that the customer does not have that and do not know how to work with it

    Images are by default centered horizontally - contained or 100% - of course depending on the height of the region it will be displayed differently so parallax will work and image will fill all the space it has.

    9- Some times the finish section edition is dissapearing (I do not know how to reproduce this error)

    I'm not sure what do you mean by that. Can you describe that issue more?

    10- If you try to drag or resize an image just after uploaded it there is no way

    I also wasn't able to replicate this issue on my site - I upload new image, set it position and after that I was able to drag it to new place and then resize its container. Could I see this one your site?

    11- What does "tailed horizontally" mean? I did not really understand that, maybe it is just a language issue, but, what does it really means?

    It's is "tile horizontally" and it is option of repeating image in Tiled/Pattern. It means that image will be repeated horizontally.

    13- Is the cache automatically cleaned when we save a page?

    No, it is not. You need to manually clear browser cache.

    14- There are some words that are not being translated to the .mo file:
    "deleting the global regions will remove..."
    edit global regions
    main header
    main footer
    home slider
    advanced settings
    appearence
    square
    this post only

    I could confirm that "deleting the global regions will remove, square, advanced settings" is not localized thus its not translatable. Those "main header main footer home slider" and global region name so they are not suppose to be translatable.

    15- It is not clear what does "Edit global regions" on the sidebar works for.

    It is option to manage global regions and lighboxes - so to remove them from one place.

    16- Why do lightboxes appear as a global region in the global regio editor and how it works? Is not it just a way to show things in a shadowbox? If yes, how it really works? I was not able to make it works.

    They are there because you can use your light boxes on every page or post, you can re use them in many places not only on page/post they were created, thus they are global.
    When you add link, or button, or image to your page it can be linked to lightbox so when you click on that item lightbox will show with your content. If you dont have any ligboxes you will be able to create it while linking item to lightbox - enter name and lightbox will be created and you will be able to add content to it.

    17- Upfront is still slow.

    I can assure you that developers are working on that and it is improving. Also there is "Performance Optimizations" feature in Upfront-> Experimental to boost Upfront.

    How is upfront made and what would it take to be faster? Could you guys tell me a little bit more about that?

    Do you want to know if there was any framework used to build Upfront? (I can ask developers, but it would be better if I could ask specific question).

    kind regards,
    Kasia

  • diegpl

    Thank you for the quick answer, I will take a deeper look in all of them. But the number 18 is that there is no way to change the button collor, that is another thing in which https://codecanyon.net/item/frontend-builder-wordpress-content-assembler-page-builder-drag-drop-page-composer/5310338 is better, it gets buttons from a code library that is very light to load, your guys are generating the buttons through an image requesting the user to set it up through a list which sets the image position from the css, that is not good... or is not that the case? Thank you!

  • Kasia Swiderska

    Hello diegpl,

    But the number 18 is that there is no way to change the button collor, that is another thing in which

    You can change color of the button element? They are not using images. What button are you referring to?

    19- And is it possible to save a template and then export or import it? Thank you!

    At this moment no this is not possible.

    At http://esites.pro/#seo there is on "Saiba mais". I would like to have it oppening an youtube video, but it seems that it is not working or I am not being able to unserstand how it works.

    I've checked your lightboxes and you have one - and its empty. To show youtube video you have to open it and place there youtube element - so you will have link that will open lightbox with video.

    5- Images are beeing duplicated when uploaded while editing css in a specifc screen (video is attached here)

    I tried to replicate this issue on your site and I could not. Can you give me exact steps I could follow to see that?

    20- These emojis and icons that aren`t generated via code are taking too long to load, like this one https://s.w.org/images/core/emoji/72x72/1f609.png

    Those one are coming from WordPress. You can turn them off in Reading options by disabling "Converter emoticons como :slight_smile: e :stuck_out_tongue: em imagens" in Formatação.

    kind regards,
    Kasia

  • diegpl

    18- I am reffering about all the buttons that are called through upfront button widget. It just takes an image and select the button with css tricks. Thats is the button file: http://esites.pro/wp-content/themes/uf-parrot/ui/sprite.png - that is not cool, a lot of buttons already can be called through some code libraries, jut like frontend builder plugin on codecanyon does. U guys have a better tool in some ways, but should take a look on it too.
    5- There is a video: https://youtu.be/hBlJKWW3an0 - if you try to just drag n drop an image over image library while choosing one it will be duplicated.

  • Kasia Swiderska

    Hello diegpl,

    18- I am reffering about all the buttons that are called through upfront button widget. It just takes an image and select the button with css tricks.

    Oh, now I see it. I was checking other themes that are different presets for buttons. It looks like Parrot by default has only those customized buttons presets that are looking like icons.
    Only when you create new preset you will get normal button.

    5- There is a video: https://youtu.be/hBlJKWW3an0 - if you try to just drag n drop an image over image library while choosing one it will be duplicated.

    I've seen video, I tried to replicate on my site and on your site and I could not. It is not duplicating images - that is why I asked for more specific steps. What styles are under the media lightbox?

    kind regards,
    Kasia

  • diegpl

    About number 18, you guys really should take a look at Frontend page builder plugin (https://codecanyon.net/item/frontend-builder-wordpress-content-assembler-page-builder-drag-drop-page-composer/5310338) and see how they bring buttons using just a code.
    About number 5, the error happens when you click over image gallery instead of upload gallery and drag the image over the frame anyways. I have recorded another video for the number 5 error (https://www.youtube.com/watch?v=KDZW093411Y)
    I have recorded a few more bugs:
    21- Problems to drop in the right place (below a specific div): https://www.youtube.com/watch?v=3QKvTKMSrP4
    22- Error while resizing image, and if you try to resize it just after the upload it is even worse: https://www.youtube.com/watch?v=ej8nnetLfPc
    23- Problem while closing (maybe not so urgent): https://youtu.be/BbgbcX_PRj4
    24- Pro-sites plugin integration problem (not so urgent too): https://youtu.be/Tl7sU-1VkEs
    25- Resizing div image problem, every time you chage the horizontal border the vertical border changes too: https://youtu.be/TKipieF2rYI
    26- Text widget error (not so urgent): https://youtu.be/bkrxFvy0iwY
    27- Background edition not so intuitive about what is happening: https://www.youtube.com/watch?v=VNYiQF9L0GE

    Among all these errors I think the ones related to the image edition and css and js being called while just logged, with no reasons, are the main ones (https://premium.wpmudev.org/forums/topic/google-maps-files-being-loaded-with-no-reason-by-upfront#post-1118841). Thank you!

  • Nithin

    Hi diegpl,

    Hope you are doing good today. :slight_smile:

    About number 5, the error happens when you click over image gallery instead of upload gallery and drag the image over the frame anyways. I have recorded another video for the number 5 error (https://www.youtube.com/watch?v=KDZW093411Y)

    I wasn't able to replicate this in my system, or in yours. If you notice closely in your video, you are adding criarar-sites image twice. 1st time you add, you don't see any changes, and then you try to add the image again. In the media gallery, when you drag an image, you'll have to close the media library, so to edit the uploaded images.

    Please note, you don't have to use the media library button, to drag an image, simply drop the files in the screen, as shown in the screenshot below:

    21- Problems to drop in the right place (below a specific div): https://www.youtube.com/watch?v=3QKvTKMSrP4

    While dragging you'll notice a blue bar, that's how you decide where your elements go, if the blue bar is on left, the element will be added on the left side, and vice versa, according to it's direction.

    In the above screenshot, you'll notice the blue bar at the bottom, which means, the image element will be added below the Download Parrot button. I wasn't able to notice any other issue related to dropping elements in your website.

    22- Error while resizing image, and if you try to resize it just after the upload it is even worse: https://www.youtube.com/watch?v=ej8nnetLfPc

    If you meant the Fill, and Fit feature when you edit image, the Fit feature will try to resize your image to fit inside the div. On the other hand, Fill tries to occupy the entire div, thus enlarging your image, and fills the entire div.

    In Fill you weren't able to resize the image because, it already occupied the entire div. If you want to resize it, you can use the Fit feature, and then resize it accordingly.

    23- Problem while closing (maybe not so urgent): https://youtu.be/BbgbcX_PRj4

    Clicking on the element will make the close button appear, you can then close, or choose the elements settings.

    24- Pro-sites plugin integration problem (not so urgent too): https://youtu.be/Tl7sU-1VkEs

    At the moment, Pro sites are not fully compatible with Upfront when it comes to editing through the Upfront editor. You'll have to tweak with custom CSS in order to make any necessary changes, developers are aware of this. And plugin compatibility is something what we are looking to fix in our future release.

    25- Resizing div image problem, every time you chage the horizontal border the vertical border changes too: https://youtu.be/TKipieF2rYI

    Thank you pointing that out, I could notice this. I have pinged the developer regarding this, and have asked to give a look.

    26- Text widget error (not so urgent): https://youtu.be/bkrxFvy0iwY

    I could notice the same, I have asked the developer to give a look regarding this. Thank you for pointing that out. You can edit the default preset, to correct this. Under Default Preset > Edit Preset CSS, please add the following CSS:

    .plain-text-container {
    word-wrap: break-word;
    }

    27- Background edition not so intuitive about what is happening: https://www.youtube.com/watch?v=VNYiQF9L0GE

    If you notice when you remove the region, the main region fits the space, you'll still have to change spacing, and size to make the elements inside the main region to align center.

    I hope this helps. Please advise, if I had missed out anything. Have a nice day. :slight_smile:

    Kind Regards,
    Nithin

  • diegpl

    So, what will you guys do about this? These words were supposed to be translatable and they are not. I already have some customers complaining about that. If you guys will not fix it in a new version, please, let me know what I am supposed to do to fix it. Thank you!
    14- There are some words that are not being translated to the .mo file:
    "deleting the global regions will remove..."
    edit global regions
    advanced settings
    appearance
    square
    this post only

  • Nithin

    Hi diegpl,

    Hope you are doing good today. :slight_smile:

    There are some words that are not being translated to the .mo file:

    I just checked the pot file, and except deleting the global regions will remove..., and square , rest of the strings seems to be present in the pot files. I just tested this, and the translation seems to work fine for these strings. Would recommend you to check your translated files, and see whether there is any error.

    Regarding "deleting the global regions..." strings, you'll have to edit the source code, and change these texts, until a fix is issued, you can find the js files, main.js, and layout-editor.js, under upfront/build/ folder.

    And "Square" string, under upfront/elements/upfront-image/js/image-settings.js, please do note, once you update Upfront to a latest version, all these revisions would get overwritten.

    Is this last one translation issue generated by the browser? Because I think I am using an english version of Chrome,

    Yes, this is a browser generated dialogue box, and changing the language of your browser should resolve this.

    Have a nice weekend. :slight_smile:

    Kind Regards,
    Nithin

  • diegpl

    I am a little bit disappointed for being stuck in this language issue:
    "I just checked the pot file, and except deleting the global regions will remove..., and square , rest of the strings seems to be present in the pot files. I just tested this, and the translation seems to work fine for these strings."
    I already translated all the file and as you can see at my website it still not translated. I even scanned the plugin with codestyle localization and it did not work as well.

    Please, lets gonna try to solve this issue, because it is really happening. Maybe you guys can even tell me in which file it is and I will add the .mo loading command myself. But the problem is actually happening even though it is already translated at .mo file. Thank you!

  • Kasia Swiderska

    Hello diegpl,

    Please, lets gonna try to solve this issue, because it is really happening. Maybe you guys can even tell me in which file it is and I will add the .mo loading command myself. But the problem is actually happening even though it is already translated at .mo file. Thank you!

    Please take a look on my answer here https://premium.wpmudev.org/forums/topic/1-#post-1117186 regarding translation. I already found that those strings are not localized in JS scrips that's why translating them doesn't work.
    Advanced Settings for example is placed in /wp-content/themes/upfront/scripts/upfront/element-settings/advanced-settings.js line 30.
    I also mentioned that I also send message to developers about that issue, so this will be fixed in future release of the Upfront.

    kind regards,
    Kasia

  • Kasia Swiderska

    Hello diegpl,

    As for the translation - I reported that to developer again and he confirmed that there is problem with translating them even from the code and he is working on that issue.

    And my responsive menu on esites.pro and http://fitoclone2.esites.pro/ is not appearing aligned. How do I fix that? It would not work for the final user if the answer is "through the css" though.

    You should be able to do that in responsive mode by editing bottom padding for region where your navigation is

    kind regards,
    Kasia

  • kk

    I do not know if this is a sensible place to give this comment. Somebody suggested to me to report contact form improvement ... No urgent need for me, but nice to have, if the makers could do it: Put the client e-mail also in the body of the message. For instance like this: “You have a contact message from clientemail@example.com“. Than the gmail server will not replace that reference. Otherwise, in my case it DOES replace the client e-mail. PLEASE GIVE ACKNOWLEDGEMENT THIS REPORT IT CAME TO THE RIGHTPLACE.