Top 7 MISSING Features in Oxygen Builder (+ 3 extra)

hey gank it's david again back to you with yet another oxygen builder video and in this one i would like to share with you my personal top seven missing features here inside oxygen [Music] but before we get started i just wanted to say that i use oxygen basically daily and you know when i'm using it daily i really really appreciate it and enjoy it it's great but at the same time there are just a couple of the things that i find missing or that are annoying so here's just a quick quick list of those things and of course you might disagree with me and you might agree with me as well so i do encourage you to share your opinions in the comments section below so let's start things off with the non-adjustable right sidebar as you probably know it's it's just impossible to grab this line this edge right here and to move this sidebar and it's i think it's pretty important and it's definitely pretty annoying i mean when we have like a lot of elements right here so if we add like a lot of divs to our our design i'm just going to clone this guy a few times and if i can i'm just going to try to fit one inside another which is like kind of like another another thing another problem and i'm gonna you can you can see that like at the bottom uh i already can see the scroll bar and even though oh my god and even though i am on a 27 inch monitor i can still now i well after like few addition like like few additives i can see this the scroll bar and i have to move it around if i want to if i want to adjust something within those elements within those divs and i cannot just grab this this line right here and just move the sidebar a bit to the left to see all of these elements like you know at the same time basically so another thing that that i'm kind of missing here inside oxygen is the ability to move the close icon for our mobile menu to the right i mean um i'm you know i'm previewing my my beauty salon site that i that i recently developed in oxygen and you can find that tutorial the video for that here in my channel you will see the card and on your screen so what i mean by by moving the the close icon so if i just grab my this website you know like in a mobile view if i open the menu you can see that i have my icon set to the right so everything is great right the way to do that i mean at least the way i am doing that is when i go to like the less than 990 and i grab my menu if i can just try to grab that menu i think it's somewhere here and then when i go to mobile menu and i go to close i can layout i have to set this icon position left to 90 so when i or something like that so when i click this this hamburger menu that icon is on the right if it's not set like that i'm gonna save that guy and then refresh the page that icon is gonna go to the left now most people are right-handed and basically if you know if people are viewing my website on a mobile device it's just easier for them especially on those larger mobile phones and if people have smaller hands to simply just click on an icon that is like closer to the right so i guess it would be just great to have like an option to position that close icon so if we so that we could choose like you know left or right or center instead of just i mean i guess we can we could keep this one but if we had like you know added option to move the icon the close icon to center left or right i don't know i guess just for accessibility uh purposes it might be a good idea let me know what you think in the comments below so another thing on the list is um basically the lack of the copy and paste functionality i guess for people coming from like switching to oxygen from other page builders it might be kind of a surprise i guess because right now in oxygen in order to like simulate the copy and paste process we have to just grab an element like say this image and then choose from this context menu duplicate and then i'm gonna have to just like move it say i wanna put it somewhere here in this featured section and then drop it in right here so i can see it being put right here and i guess it just would be a nice thing if we could from this context menu just choose copy and then you know go to another part of our structure and again from the context menu just choose paste i know it's not it's not like a huge maybe no deal but you know if you can save two seconds here two seconds there it all adds up at the end of the day maybe you're gonna have like i don't know 15 minutes say then it's like a proper break and same thing goes for for the styles we could of course you know create classes for our elements but you know if you don't want to create them or if you don't need them at a particular moment or stage in your design you know it just would be a good idea to simply you know have again in this context menu the ability to just click copy styles and move somewhere like down here and again choose from the context menu paste styles it would just be you know i guess it would be a nice addition to this whole like accessibility of the builder another thing on my list is the lack of just something like a recent fonts feature inside the the fonts selector i just created like a super super fast heading like this one and of course we can go to our font family and say i'm gonna choose like roboto then let's say that i'm gonna choose merryweather just because maybe i changed my plans then i'm gonna go with i don't know maybe ubuntu and i know that for a lot of people who are like just developing the sites you know you you just basically get the fonts from the designer or the designer from the designer but if you're like you know bridging the gap between design and development quite quite a lot of times actually you might want to just you know design like a la prima so i'm saying you're just using that a development tool like oxygen to to design too or just like to see what that design would actually look like and being able to just you know quickly work with fancies well it's kind of essential so what i mean is that okay so i changed all those fonts and now when i go to my list i just don't see the lastly used fonts you know so i cannot basically like um you know switch between different fonts that i use so i would uh i'm not even sure what i use i think i use roboto so i would have to go back to roboto then i would have to go back to you know something something else that i use i think was monster i'm not sure so as you can see if you are like designing in oxygen and you're playing around with fonts it would just be a nice addition to have some some like no recent fonts list added to well here i mean it doesn't have to be like all the recent fonts if you played around with like 20 phones that would be a bit too much but like i don't know recent three fonts or something like that it was just it would just be a nice they would just make them basically the design slash development process much quicker so if you're building sites with oxygen the chances are that you are using the columns module i mean i know that a lot of people tend to like just skip this one and they use just the divs but i tend to use the the columns module quite a lot and there's a couple of actually a couple of things that um are missing let's put it like that from this from this module so first of all once we add the columns module and we set it to be like in like three or four columns later if we change our mind we simply cannot fix that we cannot like we cannot change that number of of columns and if i just now simply say that i want to have three columns and i'm going to remove that last dip you can see and this is another thing that's really bugging me you can see that these divs are not of the same or not of the same width also if i just for instance want to change like the layout of these columns so let's say that i'm going to go ahead and do like 66 percent for this guy and then i when i want to go back to 25 now everything is well messed up i guess i mean we are not back to you know our starting point so all these divs should have like 25 in width but uh they do not so these are just a few quirks you know that i encounter when working with the columns module and i really would love to see the columns module undergo some kind of a refresh you know what i was really thinking that maybe this should be like on top of my list i mean we can of course add custom fonts here inside auxin but in order to do that we have to add another plugin like called like elegant custom fonts if i remember right then we have to find that specific path to the to the fonts that we uploaded to our server and it's i guess the easiest by using the wordpress file manager plugin so it's quite an ordeal to be able to just add custom fonts to to my project in quite a lot of projects uh you know people tend to use custom fonts i mean you can you you can buy them in bulk on different sites and they're not that expensive and you know they just really make that design look a bit more professional not that redundant especially in in these days where almost every web website know looks basically the same it's just a good addition addition to have some like custom custom phones so i guess you know what i'm saying it's just you know it would be nice to just go to manage settings uh my global styles fonts and you know add font from my from my basically from my hard drive not just you know add like a google font or a typekit typekit font so before we move on to the number one on our list let's take a quick look at the honorable mentions and the first one is the inability to save the project using the control plus s command i mean if you want to you know save our project we have to go to the save button right here at the top and we cannot do it to using the control plus as a command on our keyboard other builders do offer that functionality and it's a no it's a minor thing but you know at the end of the day it saves some time when working on a large project so another thing would be the like the headings management so to speak so if i go to the settings and i go to global styles and i go to headings sometimes when i know when i'm working with the headings and i want to change the font weight or well especially the color of my headings i would like to be able to like change them basically with one click without the need to you know simply click here to you know change the font weight for the h1 and then do the same thing for the h2 same with the colors i would just like to see some kind of an option no that would allow me to you know apply the same settings to all to all the headings i just want to be sure that they all have the same values the same attributes and i want to do it quickly preferably with one click and the last honorable mention would be the search form module that simply isn't too flexible i mean we only have the ability to change the border color text color for the form field and also the background color and the text color for the button but for instance we cannot add a placeholder here we cannot change the size of the form or the submit button you know of course without getting getting deeper deeper in the code so you know i would like this uh this form to be a bit more to allow for a bit more flexibility because now especially when i'm building some some kind of blogs and i want to add the search functionality to search the search for module is simply well not enough so i guess my personal number one would be the lack of some sort of a visual representation when working with the borders or changing the borders so uh you know when we go to advance i'm gonna use my image again when we go to advanced and then when we go to borders yeah we can change all the borders at the same time or we can choose like the top or just the right bottom or or left and then we can change the color to some let's do something you know a bit strange but let's say that this is what we actually want or this is what our client wants uh so i'm gonna go with maybe this this color and then like five pixels and then solve it so okay we got these borders now let's say that i'm gonna go back to my you know my panel that let's say that i'm doing something with my with my design then all of a sudden i need to change the borders so i'm gonna go to the image again i'm gonna go to borders and i again have to go through all of these elements so i have to go to like to the right and then like change the color from this color to this maybe i have to do 20 now i not two then i have to go to left i think then i would have to change like let's say that the same color but maybe like 15 you know i have to go through all through all that so i just think that it it might be a good addition of course that's that is just my opinion that instead of this like drop down list we would have something like a like a square or a rectangle uh right here that would have like a clickable side so if we click like like on the top side of this rectangle we can affect that top top border of that selected element and of course we have all of these elements ready and waiting for us as well and we if we click on the left we can change the left border if we click on the right side of of that rectangle or square we can like quickly change the well all its all its attributes and it it would also be nice if that if that rectangle had well at least like you know the colors attached to those sides so if we set the left to let's say if we left if we set the left to this like gold color i guess then that rectangle would have like this left this gold color attached to that to that rectangle so we basically see what color we have where and we can you know see that we still have some some values some adjustments added to that specific specific side so there you go these are my top seven missing features here inside the oxygen builder uh if you like that video please do comment share like and subscribe and uh no thanks for sticking sticking with me until the end of this video so as always until next time have a nice design

Channel: Dawid Tuminski

Views: 608

Keywords: illustrator tutorial, adobe illustrator, pen tool, illustrator tutorial for beginners, logo design tutorial, graphic design tutorial, illustrator logo design, flat design, flat design illustrator, flat design tutorial, flat design photoshop

Id: 7T6ZujnsiI4

Length: 15min 59sec (959 seconds)

Published: Wed Sep 08 2021