Hi there Lets add a small tweak to the stylesheet, open up style.css

and add

.datepicker{
z-index:1151 !important;
}

I am very appreciated with the continuous support you guys provide to your customers. By far, the best experience I’ve had in ThemeForest. Just one thing: This answer is related to another topic I posted regarding the date picker component. This post is more of a suggestion. It may be already part of the template, I just could not find any autocomplete feature based on JSON file.

Hi there Thank you for the great feedback! truly appreciate. Have you used boostrap typehead ?

<input type="text" class="typeahead">

    $('input.typeahead').typeahead({
        name: 'countries',
        prefetch: 'your-json-file.json',
        limit: 10
    });

Hope this helps

Hi there Yes there is an option, but its best If can email you the barebone folder can you email me at support@revox.io

Email sent. Thanks Ace!

Replied

Hi there let me rephrase your issue, On the 7inch & 10inch tablet windows tablet (Portrait mode) the black top bar is hidden and the it does not open the sidebar, other devices it’s all fine. Is this correct ? We have checked a few couple devices and sadly could not get hold of any windows device, but we want to help you out and get this fixed for that, we might need a few screen shots to debug this problem and little info about the device like the resolution

Thank you for reporting this

The black top bar is not hidden. It appears, along with the menu toggle button (3 horizontal lines), the logo and the Home button. The side menu is completely hidden. And it does not appear when I clock the 3-line button on the top bar. I will email you some screenshots in a few minutes.

Screenshots sent. Please help

Hi there Sure more like a search list in a drop down ? if you could email me to support@revox.io

Hi there Quite strange Im sure your talking about boostrap drop-downs and I checked the demo version it does not, usually happens because of the href=”#” but boostrap actually automatically adds jquery event.preventDefault();

instead of the href=”#” make it href=”javascript:;” its a patch but I dont know why yours do trigger the default event did you see the console log for errors ?

ah yes thnx javascript:; works weell done but i’m thinking is isn’t a good practice to put this term on ahref tag.. hmmm i Use bootstrap 2 i’m thinking and when i let only href=”#” it doesn’t work ... very strange effect

Hi there Sorry about the late reply Yes we only have the drag n drop option but Ill help you to write a custom CSS for input type file, could email to support@revox.io

Hi there! Thank you very much!

Hi there Yes noticed but getting to work IE 100% is quite hard, why do not we give you a fix for it

https://github.com/mathiasbynens/jquery-placeholder

Once you download this, simply add the jquery.placeholder.js to assets/plugins/

and include it in your HTML file, once that is done open up assets/js/core.js and simply add this line of code

$('input, textarea').placeholder();

This will be added in the future updates!

Still cannot get it to reanimate on pagination. Could you please help?

Hi there!

You want to re animate it on sort and as well as on pagination ?

Yes, please!

Hi there, if your going to resell your project to multiple clients then you should get the license, or if not we can mail you our extended license, please drop a email to support@revox.io

Hi there bgvc

Checked up the demo datatables.html

it has the same fnAddData and it works fine, are you getting an alert box error ? or any JS errors are shown in your console ?

    $('#example3').dataTable().fnAddData( [
        $("#val1 option:selected").text(),
        $("#val2 option:selected").text(),
        "Windows",
        "789.","A" ] );     
    }    

yes I know it is fnAddData() ... but I don’t understand why on the documentation on datatable plugin it is only row.add() .. maybe because there is a new update of datatable ? please write it on your task list to update on the last datatable plugin v1.10 and other too will be very good to have always new updated plugin another things the plugins folder is around 20MB size… it will be nice to put an logger who write on our console which plugins is used on the page we see… to delete others…because Im afraid to delete one by error

Hi there Bgvc

Thats a great idea! why didn’t we think of that, will include this in the demo version for referencing and also in the next update.

Logger to show which plugins used in the particular file

Thank you

Hi there you want the previous version of webarch ? v2.0.3 was previous it was a huge jump because of the new features added

yes we can give you the older version, its best if you can send me your email address to support@revo.io

i found lots of problem on new version so wanna check old vesrion. please email me here – rawi.chamling@gmail.com

I there could also point those issues that you found too ? via email

Hi there True, Just had a look its because of the new Layout API we have missed out the admin-bar, apologies on that. Lets get you a quick fix.

.page-content.condensed .admin-bar-inner {
margin-right: 50px !important;
}

You can add this to your style.css file and it should be all fine

Hello Ace, thanks, this did the trick and works well. Also, for anyone who wants to make the admin-bar not overlap your form or content, add the below to the .grid class.

margin-bottom: 110px;

Hi there Yes its select2 bug, updating the plugin will work out, will update in plugin in future updates Thank you for pointing out

Hi there Not tried a datepicker in a modal, Im not sure if the Boostrap datepicker would function that way, will check it uo

Hi guys Not sure if you were able to check out whether the date picker would work inside a modal window. I tried browsing bootstrap docs, but did not succeed. Thanks!

ACE was able to reply to my question by providing the following code tweak:

Hi there Lets add a small tweak to the stylesheet, open up style.css and add

.datepicker{ z-index:1151 !important; }

It worked like magic. Thank you!

Hi there Im sure SASS is also SCSS because its Sassy CSS (Main Syntax formate in SASS) so the extension is provided as filename.scss

thanks!!

Hi there Yes I did, The user profile thing is only a demo version issue and you will not see it in the package, what it does is toggles condensed menu so if its available it will remove, But no worries it will not be in the package, And as for the green and black bar mixing up we might have to remove the fixed option on condensed menu Will forward a quick fix for it, and the To Top black Icon is by design and not alignment issue do you wish to change that ?

Hi there Thank you for purchasing and the feed back

Im assuming your using the latest 2.5 version ?

Yes the LESS and CSS are sync properly but we could not update the SCSS and planning to release one tomorrow evening (Excuse the timezone different) Apologies on the part where SCSS is not Sync with the LESS files

Hi there Yea the current weather icons are skycons http://darkskyapp.github.io/skycons/ SVG which does not look so sharp on retina, but thank you we can have this on the new update, Im assuming your going to start work on your new project ?

Yea I’ve started on my new project but I’m working on the backend at the moment so I’m not in a hurry

Thanks for the prompt replies… Best seller I’ve bought from on here

Hi there James, Thank you very much, yes few bugs are left we will give out a prior update, I dont think it will conflict you much as long as you stick with LESS, much easier to update the theme

Hi there Did you see of the Boostrap JS is set to version2 on 3 because that plugin doesnt support 3 and there wont be an issue any way

yes I use bootstrap2 no problem… I know for this bug but I just need to go one step back if we click fill on navigation step 3 and when clicking NEXT from tab 3… how Can I check if the previous tab form are validated ( I use jquery validate)

Hi there Its quite easy if you look at the boostrap wizard and the code in form_validation.js

you will find

              'onNext': function(tab, navigation, index) {
                  var $valid = $("#commentForm").valid();
                  if(!$valid) {
                      $validator.focusInvalid();
                      return false;
                  }
                else{
                    $('#rootwizard').find('.form-wizard').children('li').eq(index-1).addClass('complete');
                    $('#rootwizard').find('.form-wizard').children('li').eq(index-1).find('.step').html('<i class="fa fa-check" />');    
                }
              }

onNext we validate $(”#commentForm”).valid();

and we have a separate validation rules for it set for that in the normal way as jquery validate

    var $validator = $("#commentForm").validate({
          rules: {
            emailfield: {
              required: true,
              email: true,
              minlength: 3
            },
            txtFullName: {
              required: true,
              minlength: 3
            },
            txtFirstName: {
              required: true,
              minlength: 3
            },
            txtLastName: {
              required: true,
              minlength: 3
            },
            txtCountry: {
              required: true,
              minlength: 3
            },
            txtPostalCode: {
              required: true,
              minlength: 3
            },
            txtPhoneCode: {
              required: true,
              minlength: 3
            },
            txtPhoneNumber: {
              required: true,
              minlength: 3
            },
            urlfield: {
              required: true,
              minlength: 3,
              url: true
            }
          },
          errorPlacement: function(label, element) {
                $('<span class="arrow" />').insertBefore(element);
                $('<span class="error" />').insertAfter(element).append(label)
            }
        });

Hope you got it