665 comments found

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 1-2 years
  • United Kingdom
jamesaps Purchased

Could you add a top navigation with a mega menu like this:

http://bigmedved.ru/orb/admin-megamenu.html
ace
ace Author

Hi there Thats one huge menu! :) but will include much more elegant one in the next update

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
team-d Purchased

1. How to make the mini sidebar the only sidebar, or toggle between a, NONE b, Mini, c. Big

2. On TOP BAR, We need the logo on the top left with the small/mini sidebar. We are able to see it by editing in INSPECTOR the header-seperation style=”display: box” from none.

However do not know where to edit to make it permanent??

Thank you Thank You
<div class="header navbar navbar-inverse ">
<div class="navbar-inner">
<div class="header-seperation" style="display: box; height: 61px;
</pre>

" /></div></div>
ace
ace Author

Hi there Lets get the first question sorted :) Im not quite sure whether I got it properly, you want to make the main menu go to mini and normal version and also extended version ?

Default-user
team-d Purchased

Sidebar: Yes, you know how the left menu/sidebar how it toggles, we want the default to be minimal, 1st click on larger menu, 2nd click to vanish..and the pattern to repeat. In short, want it to toggle.

And 2nd Q is easy for you :) just want the logo to stay on the top bar throughout above!

Big Thanks!

ace
ace Author

Hi ok got it now :) First we need to set it to be mini on page default simply add the class .condense-menu to the body

<body class="condense-menu">

next we need to toggle to work abit different :)

so you find the HTML code for the three lines, its with the ID layout-condensed-toggle

note you have to remove the ID to remove the default functionality of toggle :), once you have removed it the menu will no longer condensed by click. Its good thing :)

now we need a different function for it lets go with old fashion way of ID functions change the ID to some thing like “custom-menu-toggler”

<a href="#" class="" id="custom-menu-toggler">
            <div class="iconset top-menu-toggle-dark" />
 </a>
now open up core.js and add this function
    $('#custom-menu-toggler').on('click', function () {
        if($('body').hasClass('condense-menu')){
            $("body").condensMenu();
        }
        else if($('body').hasClass('hide-sidebar')){
             $("body").condensMenu();
        }
        else{
            $("body").toggleMenu();
        }
    });

Hope you got it :)

Default-user
team-d Purchased

Got it with the LOGO! – after your advice. DIV tag was missing from above.

<a href="#" class="" id="custom-menu-toggler">
            <div class="iconset top-menu-toggle-dark"> ** </div> **
 </a> 

remove ** from above code

H O W E V E R, this seems only valid and working with certain screen size. Want it (the toggle top and menu effect) to stay in all devices/views. What do you recommend – o wise one! Do guide. Thanks!

Default-user
team-d Purchased

Greetings, we can send you video screenshots as the above has lots of hiccups. do advice. Thanks

ace
ace Author

Hi there Sorry about the delay on replies, working on something awesome :) just got some time to take a breath and yes that would be great, to support@revox.io

ace
ace Author

Sent you the email :)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
aduser Purchased

Hi. I have an issue in Chrome 36 (36.0.1985.125 m) Please, check screenshot below:

How to reproduce: 1. Open the page http://www.revox.io/webarch/HTML/form_validations.html 2. Press Ctrl+R

Default-user
aduser Purchased

Little update: if you go to Chrome Inspector and disable “float:right” rule for grid toolbar, and then enable it back, the view becomes correct. Magic… :)

ace
ace Author

Hi there Please notice that its not the latest version

http://www.revox.io/webarch/latest/form_validations.html

try this link to, did a small background research and its small bug in chrome because of a network delay not quite sure but we will migrate to boostrap panels which will solve the case permanently and will try your solution too! :) Thank you very much

Default-user
aduser Purchased

Hi My Chrome says this version is latest :) But maybe not.

The link works fine. How can I apply this fix in my code?

ace
ace Author

Hi there Sorry I meant the the preview link :) not the browser, btw we are adding it to Bootstrap panels. This only happens in chrome occasionally with network delay, could you email to support@revox.io :)

ace
ace Author

once the boostrap panels are made to webarch we will mail you the code and guide, it will look exactly like webarch portlets :)

Default-user
aduser Purchased

Thanks. I have sent you email.

ace
ace Author

Got it! :)

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
aaran76 Purchased

Hi there,

I can’t get tooltips to work correctly, I can’t find any working examples at http://revox.io/webarch/latest/, plus even on the documentation, the examples don’t work!

http://revox.io/webarch/documentation/helpfile.html#sectionMesssagesNotifications

Can you please help?

Regards, Aaran

ace
ace Author

Hi there We have tool tips demo lets :)

http://www.revox.io/webarch/latest/messages_notifications.html

scroll down a bit and on your left side you will see “Tool Tips” heading. These are Boostrap tool tips to get it working simply add

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
<a href="#" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tool tip </a>
adding the following attribute to a link or button helps it
data-toggle="tooltip" 
data-placement="left" 
title="Tooltip on left

Thats it! :)

Further more here is the guide

http://getbootstrap.com/javascript/#tooltips
Default-user
aaran76 Purchased

So..it works there for me, but not on your documentation pages.

Also, to be a little clearer on my issue, I’m trying to put tooltips on the main menu items in my menu. The tooltips work if the position is set to top, left, or bottom, but not ‘right’. And I want them to appear to the right so that they work fine when the menu is collapsed.

It doesn’t matter if I use inline data attributes: data-position="right" or if I use the plugin options: $(function() { $('ul.menu > li > a').tooltip({ placement: 'right' }); });

Any ideas?

I can’t show you the code as it’s all local on my machine at present.

Regards, Aaran

ace
ace Author

Hi there I was able to get it working no need any custom JS code to initialise the boostrap tooltip simply add the class tip and the attributes

like wise to the A tag
class="tip" data-toggle="tooltip" title="Up here!"  data-placement="right" 

You will be able to see it when the menu is condensed :)

Default-user
aaran76 Purchased

Aha! so that works perfectly when the menu is collapsed…but not when it’s expanded – what’s the difference here that I’m missing? I want the tooltip to work the same for both the collapsed, and the expanded menu…?

Thanks for this prompt and helpful support by the way! :)

ace
ace Author

Hi there Oh ok, what happens is that the side menu is a fixed element and scroll plugin sets its element overflow:hidden there by the tooltip appears but since the parent content overflow is hidden you will not see it, hope you got what I’m talking about,we can try making it visible but that makes the scroll stop working we might have to find an alternative path for this, ill further look into :)

Default-user
aaran76 Purchased

Yep, that makes sense. Thanks for the help and will look forward to seeing if you can do anything with it!

;)

Default-user
aaran76 Purchased

Actually, before I forget, I also have another issue, that I can only assume is a fault on my part, but I’m struggling to work out why it’s happening.

The issue is that when the menu is in its collapsed form, the first sub-menu is being automatically displayed and can’t be hidden.

My code is as follows. Can you spot any glaring mistakes?

<ul class="menu"> <li class="leads active"> <a href="#" class="tip" data-toggle="tooltip" title="Up here!" data-placement="right"> <i class="fa fa-users" /> <span class="title">Menu 1</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li class="start"> <a href="javascript:;"> <i class="icon-custom-home" /> <span class="title">Menu 1a</span> </a> </li> <li class="active"> <a href="javascript:;"> <i class="fa fa-search" /> <span class="title">Menu 1b</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li class=""><a href="javascript:;"><span class="title">Menu 1b1</span></a></li> <li class="active"><a href="javascript:;"><span class="title">Menu 1b2</span></a></li> </ul> </li> <li class=""> <a href="javascript:;"> <i class="fa fa-plus" /> <span class="title">Menu 1c</span> </a> </li> <li class=""> <a href="javascript:;"> <i class="fa fa-archive" /> <span class="title">Menu 1d</span> </a> </li> <li class=""> <a href="javascript:;"> <i class="fa fa-file-text" /> <span class="title">Menu 1e</span> <span class="arrow" /> </a> <ul class="sub-menu" style="display:none;"> <li class=""><a href="javascript:;">Menu 1e1</a></li> <li class=""><a href="javascript:;">Menu 1e2</a></li> <li class=""><a href="javascript:;">Menu 1e3</a></li> <li class=""><a href="javascript:;">Menu 1e4</a></li> </ul> </li> <li class=""> <a href="javascript:;"> <i class="fa fa-sitemap" /> <span class="title">Menu 1f</span> <span class="arrow" /> </a> <ul class="sub-menu" style="display:none;"> <li class=""><a href="javascript:;">Menu 1f1</a></li> <li class=""><a href="javascript:;">Menu 1f2</a></li> <li class=""><a href="javascript:;">Menu 1f3</a></li> </ul> </li> <li class=""> <a href="javascript:;"> <i class="fa fa-download" /> <span class="title">Menu 1g</span> <span class="arrow" /> </a> <ul class="sub-menu" style="display:none;"> <li class=""><a href="javascript:;">Menu 1g1</a></li> <li class=""><a href="javascript:;">Menu 1g2</a></li> </ul> </li> </ul> </li> <!-- BEGIN reporting menu --> <li class="reporting"> <a href="#"> <i class="fa fa-signal" /> <span class="title">Menu 2</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li> <a href="javascript:;"> <i class="icon-custom-home" /> <span class="title">Menu 2a</span> </a> </li> <li> <a href="javascript:;"> <i class="fa fa-signal" /> <span class="title">Menu 2b</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 2b1</a></li> <li><a href="javascript:;">Menu 2b2</a></li> <li><a href="javascript:;">Menu 2b3</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-upload" /> <span class="title">Menu 2c</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 2c1</a></li> <li><a href="javascript:;">Menu 2c2</a></li> </ul> </li> </ul> </li> <!-- END reporting menu --> <!-- BEGIN questionnaires menu --> <li class="questionnaires"> <a href="#"> <i class="fa fa-question" /> <span class="title">Menu 3</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li> <a href="javascript:;"> <i class="icon-custom-home" /> <span class="title">Menu 3a</span> </a> </li> <li> <a href="javascript:;"> <i class="fa fa-question" /> <span class="title">Menu 3b</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 3b1</a></li> <li><a href="javascript:;">Menu 3b2</a></li> </ul> </li> <li><a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 3c</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 3c1</a></li> <li><a href="javascript:;">Menu 3c2</a></li> <li><a href="javascript:;">Menu 3c3</a></li> <li><a href="javascript:;">Menu 3c4</a></li> <li><a href="javascript:;">Menu 3c5</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 3d</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 3d1</a></li> <li><a href="javascript:;">Menu 3d2</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 3e</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 3e1</a></li> <li><a href="javascript:;">Menu 3e2</a></li> <li><a href="javascript:;">Menu 3e3</a></li> </ul> </li> </ul> </li> <!-- END questionnaire menu --> <!-- BEGIN setup menu --> <li class="setup"> <a href="#"> <i class="fa fa-wrench" /> <span class="title">Menu 4</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li> <a href="javascript:;"> <i class="icon-custom-home" /> <span class="title">Menu 4a</span> </a> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 4b</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 4b1</a></li> <li><a href="javascript:;">Menu 4b2</a></li> <li><a href="javascript:;">Menu 4b3</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 4c</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 4c1</a></li> <li><a href="javascript:;">Menu 4c2</a></li> <li><a href="javascript:;">Menu 4c3</a></li> <li><a href="javascript:;">Menu 4c4</a></li> <li><a href="javascript:;">Menu 4c5</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 4d</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 4d1</a></li> <li><a href="javascript:;">Menu 4d2</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 4e</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 4e1</a></li> <li><a href="javascript:;">Menu 4e2</a></li> <li><a href="javascript:;">Menu 4e3</a></li> <li><a href="javascript:;">Menu 4e4</a></li> <li><a href="javascript:;">Menu 4e5</a></li> <li><a href="javascript:;">Menu 4e6</a></li> <li><a href="javascript:;">Menu 4e7</a></li> <li><a href="javascript:;">Menu 4e8</a></li> <li><a href="javascript:;">Menu 4e9</a></li> <li><a href="javascript:;">Menu 4e10</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 4f</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 4f1</a></li> <li><a href="javascript:;">Menu 4f2</a></li> </ul> </li> <li> <a href="javascript:;"> <i class="fa fa-table" /> <span class="title">Menu 4g</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li><a href="javascript:;">Menu 4g1</a></li> <li><a href="javascript:;">Menu 4g2</a></li> <li><a href="javascript:;">Menu 4g3</a></li> </ul> </li> </ul> </li> <!-- END setup menu --> </ul>
ace
ace Author
Hi there Just had a look I dont think you can use short hand closing tags for <i /> or <span />

This way you will have so many unclosed tags where it will look all crazy :)

so just a small part I fixed <li class="leads active"> <a href="#" class="tip" data-toggle="tooltip" title="Up here!" data-placement="right"> <i class="fa fa-users" /> <span class="title">Menu 1</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li class="start"> <a href="javascript:;"> <i class="icon-custom-home" /> <span class="title">Menu 1a</span> </a> </li> </ul> </li>
Default-user
aaran76 Purchased

Hi,

my code doesn’t use that shorthand form anywhere, so that must be an automatic formatting issue with the comment system here on ThemeForest….

Any other ideas?

Regards, Aaran

ace
ace Author

Hi there Sorry about the late replies, working on something awesome now got some time to breathe :) yes themeforest comments section is not a good idea to send code, if you can email to support@revox.io I can have a look

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
bgvc Purchased

hi, i’m using less… how can I have only style.less to compile into .css … now I have style.css and responsive.css how Can i put responsive.less into style.less without conflics?

ace
ace Author

Hi there

Did you try adding the

//Responsive
@import "responsive.less";
just below search_results.less include ? :)
by
by
by
by
by
by