Re: Top Menu Vs Sidebar (Web Applications)
> I would actually suggest just starting from scratch with the most minimal > templates - one of the example templates on the Bootstrap site would do. +1! For anyone that doesn't already know Bootstrap and CSS a bit (I suspect Sujit already does), it's best to start small and simple and then build out. There is just so much markup involved. And when you get JS into the mix, one missing comma can screw up your whole day. Over on macOS, I tend to use BBEdit (good structure validator, good search and replace), SublimeText (nicer editor, does some linting, lots of plug-ins), and WebStorm (hideous, oh so hideous...but you can wire in proper linters) simultaneously. On Thu, Apr 20, 2017 at 8:01 AM, Kirk Brooks via 4D_Tech < 4d_tech@lists.4d.com> wrote: > Sujit, > I would actually suggest just starting from scratch with the most minimal > templates - one of the example templates on the Bootstrap site would do. > > The reason is something like Metronic has so much advanced stuff it could > be hard to get a grasp on exactly what's required for the programming and > what's the template. Start simple - the complexity will find you. > Fundamental stuff is getting the communication between 4D and your website > working. Will web users need to be logged in to access some stuff? If so > where are you going to manage that - in 4D or the web page. How are you > going to handle the redirects - on the page or in 4D (it will probably be > both). How are you going to collect the data from your pages and send it to > 4D and process the returns? That's the bones of your app. None of it is > very hard, in fact there are dozens of options for each part in some cases. > I suggest deciding which options you want to use before things get too > complicated and you decide, "oh, this would be really great but I have to > re-do this and that..." > > Once you've got that working you can start dressing it up any way you like. > My $0.02 of course. > > On Wed, Apr 19, 2017 at 2:19 PM, Sujit Shah via 4D_Tech < > 4d_tech@lists.4d.com> wrote: > > > I am most likely to start with an admin bootstrap template > > Metronic from keen looks very popular > > Any suggestions? > > > > -- > Kirk Brooks > San Francisco, CA > === > > *The only thing necessary for the triumph of evil is for good men to do > nothing.* > > *- Edmund Burke* > ** > 4D Internet Users Group (4D iNUG) > FAQ: http://lists.4d.com/faqnug.html > Archive: http://lists.4d.com/archives.html > Options: http://lists.4d.com/mailman/options/4d_tech > Unsub: mailto:4d_tech-unsubscr...@lists.4d.com > ** > ** 4D Internet Users Group (4D iNUG) FAQ: http://lists.4d.com/faqnug.html Archive: http://lists.4d.com/archives.html Options: http://lists.4d.com/mailman/options/4d_tech Unsub: mailto:4d_tech-unsubscr...@lists.4d.com **
Re: Top Menu Vs Sidebar (Web Applications)
Sujit, I would actually suggest just starting from scratch with the most minimal templates - one of the example templates on the Bootstrap site would do. The reason is something like Metronic has so much advanced stuff it could be hard to get a grasp on exactly what's required for the programming and what's the template. Start simple - the complexity will find you. Fundamental stuff is getting the communication between 4D and your website working. Will web users need to be logged in to access some stuff? If so where are you going to manage that - in 4D or the web page. How are you going to handle the redirects - on the page or in 4D (it will probably be both). How are you going to collect the data from your pages and send it to 4D and process the returns? That's the bones of your app. None of it is very hard, in fact there are dozens of options for each part in some cases. I suggest deciding which options you want to use before things get too complicated and you decide, "oh, this would be really great but I have to re-do this and that..." Once you've got that working you can start dressing it up any way you like. My $0.02 of course. On Wed, Apr 19, 2017 at 2:19 PM, Sujit Shah via 4D_Tech < 4d_tech@lists.4d.com> wrote: > I am most likely to start with an admin bootstrap template > Metronic from keen looks very popular > Any suggestions? > > -- Kirk Brooks San Francisco, CA === *The only thing necessary for the triumph of evil is for good men to do nothing.* *- Edmund Burke* ** 4D Internet Users Group (4D iNUG) FAQ: http://lists.4d.com/faqnug.html Archive: http://lists.4d.com/archives.html Options: http://lists.4d.com/mailman/options/4d_tech Unsub: mailto:4d_tech-unsubscr...@lists.4d.com **
Re: Top Menu Vs Sidebar (Web Applications)
Thanks I am most likely to start with an admin bootstrap template Metronic from keen looks very popular Any suggestions? On Thu, 20 Apr 2017 at 12:15 am, Kirk Brooks via 4D_Tech < 4d_tech@lists.4d.com> wrote: > Sujit, > > Another factor here is whether your app will be used on mobile devices or > not. > > When I'm building forms for use in web areas or my audience is primarily > going to be using a latptop or larger I like nav bars and sidebars for the > reasons other folks have mentioned. But if it's going to be accessed on a > mobile device I use top nav bars and stay away from sidebars unless it's a > very thin column of icons or something of the like. I also make it a point > to use a reactive display framework. I'm happy with Bootstrap but it's not > the only one. > > My thoughts on this generally are: > > build your app so that the data and display are independent (then it > matters less what you use to make it look nice and it's easier to change) > never, never write 4D code to create html (use 4D tags or better html side > tools) > look at it on your phone once in a while as you work - just because > > > I think users generally could care less about what design format we are > using (not talking advertising or landing pages here). What they do care > about is being able to get their work done and that means making the > interface easy to use and understand. > > On Tue, Apr 18, 2017 at 3:42 PM, Sujit Shah via 4D_Tech < > 4d_tech@lists.4d.com> wrote: > > > I have read a bit about the pros and cons of a Top Menu layout vs Sidebar > > Layout. A lot of popular web applications like Xero, Salesforce use Top > > Menus. > > > > Gmail is of course using a sidebar. > > > > For me a sidebar offers a lot more flexibility (accordion) without using > > several levels of menus and submenus at the top. > > > > Then there is the user expectations. Anyone have any advise, tips or > > thoughts on this? > > > > > > > > -- > > > > xxx > > "There must be ingenuity as well as intention, strategy as well as > > strength. " > > ** > > 4D Internet Users Group (4D iNUG) > > FAQ: http://lists.4d.com/faqnug.html > > Archive: http://lists.4d.com/archives.html > > Options: http://lists.4d.com/mailman/options/4d_tech > > Unsub: mailto:4d_tech-unsubscr...@lists.4d.com > > ** > > > > > -- > Kirk Brooks > San Francisco, CA > === > > *The only thing necessary for the triumph of evil is for good men to do > nothing.* > > *- Edmund Burke* > ** > 4D Internet Users Group (4D iNUG) > FAQ: http://lists.4d.com/faqnug.html > Archive: http://lists.4d.com/archives.html > Options: http://lists.4d.com/mailman/options/4d_tech > Unsub: mailto:4d_tech-unsubscr...@lists.4d.com > ** -- xxx "There must be ingenuity as well as intention, strategy as well as strength. " ** 4D Internet Users Group (4D iNUG) FAQ: http://lists.4d.com/faqnug.html Archive: http://lists.4d.com/archives.html Options: http://lists.4d.com/mailman/options/4d_tech Unsub: mailto:4d_tech-unsubscr...@lists.4d.com **
Re: Top Menu Vs Sidebar (Web Applications)
Sujit, Another factor here is whether your app will be used on mobile devices or not. When I'm building forms for use in web areas or my audience is primarily going to be using a latptop or larger I like nav bars and sidebars for the reasons other folks have mentioned. But if it's going to be accessed on a mobile device I use top nav bars and stay away from sidebars unless it's a very thin column of icons or something of the like. I also make it a point to use a reactive display framework. I'm happy with Bootstrap but it's not the only one. My thoughts on this generally are: build your app so that the data and display are independent (then it matters less what you use to make it look nice and it's easier to change) never, never write 4D code to create html (use 4D tags or better html side tools) look at it on your phone once in a while as you work - just because I think users generally could care less about what design format we are using (not talking advertising or landing pages here). What they do care about is being able to get their work done and that means making the interface easy to use and understand. On Tue, Apr 18, 2017 at 3:42 PM, Sujit Shah via 4D_Tech < 4d_tech@lists.4d.com> wrote: > I have read a bit about the pros and cons of a Top Menu layout vs Sidebar > Layout. A lot of popular web applications like Xero, Salesforce use Top > Menus. > > Gmail is of course using a sidebar. > > For me a sidebar offers a lot more flexibility (accordion) without using > several levels of menus and submenus at the top. > > Then there is the user expectations. Anyone have any advise, tips or > thoughts on this? > > > > -- > > xxx > "There must be ingenuity as well as intention, strategy as well as > strength. " > ** > 4D Internet Users Group (4D iNUG) > FAQ: http://lists.4d.com/faqnug.html > Archive: http://lists.4d.com/archives.html > Options: http://lists.4d.com/mailman/options/4d_tech > Unsub: mailto:4d_tech-unsubscr...@lists.4d.com > ** -- Kirk Brooks San Francisco, CA === *The only thing necessary for the triumph of evil is for good men to do nothing.* *- Edmund Burke* ** 4D Internet Users Group (4D iNUG) FAQ: http://lists.4d.com/faqnug.html Archive: http://lists.4d.com/archives.html Options: http://lists.4d.com/mailman/options/4d_tech Unsub: mailto:4d_tech-unsubscr...@lists.4d.com **
Re: Top Menu Vs Sidebar (Web Applications)
IMHO, it’s chef’s choice. There are no standard, as far as I can tell. In my case, I do global links up top (but links, not menus) and then site-location specific things on the side. I.e, I use both. > On Apr 18, 2017, at 3:42 PM, Sujit Shah via 4D_Tech <4d_tech@lists.4d.com> > wrote: > > I have read a bit about the pros and cons of a Top Menu layout vs Sidebar > Layout. A lot of popular web applications like Xero, Salesforce use Top > Menus. > > Gmail is of course using a sidebar. > > For me a sidebar offers a lot more flexibility (accordion) without using > several levels of menus and submenus at the top. > > Then there is the user expectations. Anyone have any advise, tips or > thoughts on this? > > > > -- > > xxx > "There must be ingenuity as well as intention, strategy as well as > strength. " > ** > 4D Internet Users Group (4D iNUG) > FAQ: http://lists.4d.com/faqnug.html > Archive: http://lists.4d.com/archives.html > Options: http://lists.4d.com/mailman/options/4d_tech > Unsub: mailto:4d_tech-unsubscr...@lists.4d.com > ** ** 4D Internet Users Group (4D iNUG) FAQ: http://lists.4d.com/faqnug.html Archive: http://lists.4d.com/archives.html Options: http://lists.4d.com/mailman/options/4d_tech Unsub: mailto:4d_tech-unsubscr...@lists.4d.com **
