True or Not... "Responsive Navigation" Auto Nav template will not work with out Elemental Theme

Permalink 2 users found helpful
Backstory: I have been using C5 for 4 years...can create 5.6 theme very quickly.

now enter 5.7
I have followed the directions to convert a html bootstrap3.0 theme to a c5.7 theme. Installed it. Looks great. Even created custom temples for my page lists...

Stuck on auto-nav

***it appears that you can not use the elemental "Responsive-Navigation" autonav template unless you have the elemental theme activated. Is this correct?

I would be nice to have that "responsive navigation" template work with the "bootstrap" core... then we can just edit our own css via the view.css int eh custom template folder.

Am i missing something?

Thanks,
Greg

cayercreative
View Replies:
jakobfuchs replied on at Permalink Reply
jakobfuchs
Do you refer to the template "Responsive Header Navigation"? If so, this is availabe to all themes since it's a custom template that ships with the auto nav block and is not theme specific. I never used it, so I can't tell you the best way to style it. Easiest way is probably to copy the styling from the Elemental Theme and make adjustments as needed.
cayercreative replied on at Permalink Reply
cayercreative
Sorry. But I've worked at this for several hours.

If you pull the custom block template from the concrete core... and open the view.css... you will see the css file is empty except for a single entry.

Try creating a 5.7 theme from scratch. Then try using the "responsive Navigation" template. The drop downs will not work and it will not even display horizontally.

When you activate the Elemental theme and trace the css thru the inspect code... you will see it goes back to the Elemental theme less...

My comment is if you are going to add a base core template like that. Why not tie it into the core and not the default theme that theme developers will not use...

Take a closer look and you will see what i mean.

They should have made the responsive-navigation as as seperate navigation block if they were going to tie it to the elemental theme...

But I may be missing something...

but thank you for responding
maar replied on at Permalink Reply
maar
Hi,

You just take the "responsive_header_template" and copy the folder content to a new created folder /application/block/autonav/templates/your_template_name

Then you simply make the changes to (view.php, view.css and view.js) accordantly to the specifics of your theme.

We just converted Concrete5 Danmark (www.concrete5.dk) to Concrete5 5.7, and I did not have any problems with this.

Note: If you look inside the view.php you will discover that it is filled with code that is not even activated. You should see this template as starting point for your custom template.

/Michael
Concret5 Danmark
cayercreative replied on at Permalink Reply
cayercreative
Thank you.

I was just surprised that they would place a template in the concrete core that was dependent on a particular theme

How much would your company charge to create a custom bootstrap3 autonav template, like the one on your site... Then I could just go in and adjust the css to match my site?
maar replied on at Permalink Reply
maar
That is the point. You should already be able to make css in your theme that matches the autonav template (or close, there might me some changes in the autonav template).

Actually, just delete the view.css in your template folder and make all css in your theme to match the html generated by your template file.

I would gladly look in to your problem if you want. Just PM or send your theme in a ZIP file to [email protected] If the issue is simple (as I expect) we will not charge anything. If you then later decide to pack up the theme in a package, you can simply include the autonav template in your package.

/Michael
cayercreative replied on at Permalink Reply
cayercreative
Thank you in advance for helping me. Please let me know if you need to charge me.

I have emailed you a zip file

Greg
maar replied on at Permalink Reply
maar
I returned a new ZIP file with my autonav template. It is kind of difficult to test without your theme in concrete5. But try it out and see if it works!

Note: The template is a little different than the core template, but that is the one we use in bootstrap themes!

/Michael
pixeljunkie replied on at Permalink Reply
pixeljunkie
Hi
I seem to have the same issue .... I've created a bootstrap theme and got stuck on the autonav block ... as I am new to c5, I spent ages pondering about the code output.
Is it possible to obtain / purchase a copy of your template with a brief intro on how to implent it (if it goes beyond copying the code into a new folder in application/blocks/autonav/mytemplate)?

Your help is highly appreciated!
maar replied on at Permalink Reply
maar
Actually I got the idea from this thread:https://www.concrete5.org/community/forums/customizing_c5/filter-aut...

I made some small changes:
<?php
//NOTE: For extra functionality, you can add the following page attributes (via Dashboard -> Pages and Themes -> Attributes):
//
// 1) Handle: replace_link_with_first_in_nav
//    Type: Checkbox
//    Functionality: If a page has this checked, clicking on it in the nav menu will go to its first child (sub-page) instead.
//
// 2) Handle: exclude_subpages_from_nav
//    Type: Checkbox
//    Functionality: If a page has this checked, all of that pages children (sub-pages) will be excluded from the nav menu (but the page itself will be included).
//
// 3) Handle: disable_link_in_nav
//    Type: Checkbox
//    Functionality: If a page has this checked, it will appear in the nav menu but will not be "clickable" (will not link to any page).
//


The main problem here is that I have no Idea how your nav classes is set up in your theme. The only way is to trail by error. If you have the menu running as HTML mark up, then you should be able to reconstruct the HTML in the autonav template.

If I had to come out with a all round solution I had to know any combination of menus made. And that is simply impossible.

This is the best I can do...

/Michael
maar replied on at Permalink Reply 1 Attachment
maar
I have cooked up a Bootstrap Boilerplate Theme Package. And it is as simple as it gets (took me an hour). In this package you will find a bootstrap theme with different page templates and under blocks you will find the autonav template for the header nav.

You can install it on a C5 5.7.3.1 and play around with it. Just remember this is cooked up only for demonstrating the header nav, so nothing fancy - But it works.

This is the best I can do...