100 comments found

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
kpoint Purchased
Is it possible to reset a chosen multiple select? This line works ok for single selects but it doesnt work for multiple selects $('#id').val('').trigger('chosen:updated');
ShaMSofT

I’ve just test this code for multiple one and it’s work!

Default-user
kpoint Purchased

Sorry, I meant it doesnt work for a sticky form i.e. a filter. It you select a dropdown option and filter it the option should be selected on reload but then after clicking reset the text clears but the value is still set if you process again

ShaMSofT

Sorry I don’t understand your mean. If you can provide a html file or image.

Default-user
kpoint Purchased

Hi, I managed to get it sorted. I had to remove the selected attributes from the options and not just the chosen output

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years
aaawow Purchased

Hi, ShaMSofT,

On small browser screen/mobile devices scroll in embedded items in sidebar does not work properly – they do not expand. However if the main page is long enough, it works fine. Screenshot: http://yadi.sk/d/Of6_W9ZwDq62d
ShaMSofT

Hi,

Which version of FLATY do you use? We had this bug in previous versions. If you are not in version 2.2, please update.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi,

Great theme. I like it.

One question:

How can I setup sidebar submenu always not collapsed?

I have not so many entries in my sidebar so it’s uselless to have one click more.

Best Regards,

Tomek
ShaMSofT

Hi Tomek,

Thank you.

Add below style to your css file:
.submenu {
    display: block!important;
}
Default-user

It works. Thank you.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
kpoint Purchased
Is it possible to get the jQuery validation to focus on the first error field if it is a chosen dropdown? I can get it focusing to a text field ok with the lines
invalidHandler: function (event, validator) {
   //display error alert on form submit              
   validator.errorList[0].element.focus();
},
ShaMSofT
Maybe this will help you:
invalidHandler: function (event, validator) {           
    var el = $(validator.errorList[0].element);
    if ($(el).hasClass('chosen')) {
        $(el).trigger('chosen:activate');
    } else {
        $(el).focus();
    }
},
Also you can use ‘chosen:open’ trigger.

If you are not using flaty 2.2, the trigers are like this: ‘liszt:activate’ and ‘liszt:open’

Default-user
kpoint Purchased

I am using the most recent flaty theme. There there a way to make the error message appear below the chosen box and make it highlight red too?

ShaMSofT
Add this style:
.has-error .chosen-single {
    border-color: #a64240!important;
}
And in js validation code, replace errorPlacement function with this:
errorPlacement: function(error, element) {
    if(element.parent('.input-group').length) {
        error.insertAfter(element.parent());
    } else if (element.next('.chosen-container').length) {
        error.insertAfter(element.next('.chosen-container'));
    } else {
        error.insertAfter(element);
    }
},
Default-user
kpoint Purchased
Thank you, I got that working but now the focus will only go to the top of the field is required text.
jQuery.validator.setDefaults({
            errorElement: 'span', //default input error message container
            errorClass: 'help-block', // default input error message class
            errorPlacement: function(error, element) {

                if(element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                } else if(element.next('.chosen-container').length){
                    error.insertAfter(element.next('.chosen-container'));
                } else {
                    error.insertAfter(element);
                }
            },
            focusInvalid: false, // do not focus the last invalid input
            ignore: ':hidden:not(.chosen)',

            invalidHandler: function (event, validator) { //display error alert on form submit              
                var el = $(validator.errorList[0].element);
                if ($(el).hasClass('chosen')) {
                    $(el).trigger('chosen:activate');
                } else {
                    $(el).focus();
                }
            },
ShaMSofT

What you mean? What is the problem?

This code will give focus to the first input that has error.

Default-user
kpoint Purchased

The text “This field is required” appears above the chosen and i am trying to get it to appear below it. The use then cannot see the name of the field they are to enter http://awesomescreenshot.com/04e24dnk82

ShaMSofT
else if(element.next('.chosen-container').length {
    error.insertAfter(element.next('.chosen-container'));
}
This piece of code (inside errorPlacement function) is responsible for placing error text after chosen element. This is for latest version of FLATY that use latest version of chosen select. Maybe you are not updated. So replace ”.chosen-container” with ”.chzn-container” and check it again.
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
zaien Purchased

Hi ShaMSofT, thanks for the awesome theme. I have choose a fixed navbar but when I click ‘mini’ menu icon using mobile version view, the menu does not appeared as a fixed Navbar. When I scroll down and click on the menu, the menu list wasn’t there because its only appear on top of the page. So, I have to scroll up again to view the menu list. Therefore i just want a clarification on these situation weather its normal or not. If it doesn’t, then can it be fixed?

ShaMSofT

Hi

To fix this issue open flaty-responsive.css, and inside @media (max-width: 767px) add “position: fixed;” to #sidebar selector.

I did not use fixed sidebar because if you have long dropdown menu, maybe some of your menu item does not show in small devices.

Default-user
zaien Purchased

Hi, thanks for reply.

So, If I did not use fixed sidebar, where can I handle when I click at the ‘mini’ menu, the page will go on top like ‘Go Top Button’ function?

ShaMSofT
Add this event handler:
    $('#sidebar').on('show.bs.collapse', function () {
        $("html, body").animate({ scrollTop: 0 }, 100);
    });
Default-user
zaien Purchased

It works. Thank you.

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years

Please help. I am using Flaty Premium 2.2 and every page takes between 15 and 17 seconds before it completely loads. For example the simple Login Screen took 17 seconds. When loading you get dreaded continual circle rotating until it loads. Why is that? This is happening on every page.

ShaMSofT
Open one of html files, scroll down and remove/comment below line:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
I think this is the problem for you!
Default-user

You DA’ man!.... yep that did it. THANKS!

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

Hi, I have a problem with jquery-ui autocomplete? The scroll down list does not appear and I have to use up and down arrow keys to navigate. So, how can I make it as a scroll down list? Thank you.

Default-user
zaien Purchased

Sorry, the problem is actually occur when using modal dialog. So, how to make it appear as scroll down list when using the modal dialog?

ShaMSofT

Hi,

Do we have auto complete sample in demo files?! Anyway, if you can please send me a demo file to inspect and find the problem.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
aphnea Purchased

Hello! Im working on the previus version 2.1.0. What do I need to change for the last version update?

Thanks, Antonis

ShaMSofT

Hello

Usually you should overwrite css, js and assets files, but in version 2.2 there is lots of change in html files. All icon-* classes updated because of new class names in font awesome 4.

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

Hey Hossein,

We’re having an issue with the theme, more precisely the login and error pages, the ones with only a “box” in the middle of the page.

In these pages we can’t figure out how to make the footer show. Could you point us in the right direction, please?

Cheers,
Raúl
dosocial.com

ShaMSofT

Hi Raúl,

In login and error pages, append your footer tag inside .login-wrapper or .error-wrapper. Then open flaty.css, find ”#main-content > footer” and ”#main-content > footer p” selectors. These selectors are your main footer styles. You can remove ”#main-content > ” from selector to apply these styles to login and error pages too, or just write new styles in your css files.

Default-user

I tried that and I could swear it didn’t work at the time… :|

Thanks, Hossein. Quick and helpful as always! :)

I’m guessing it’s not possible to maintain the footer outside the content tags, like on the other pages, right?

Cheers, Raúl

Default-user

I’m afraid your tip works for the login page but not the error pages :( On the error pages the footer shows but it is contained within the white box, instead of being by itself below the white box and spanning the entire page’s width.

Any other tricks you can think of?

ShaMSofT
For error pages, use following code:
CSS:
footer.error {
    background: #fff;
    padding: 12px 20px 3px;
    position: relative;
    z-index: 3;
    width: 450px;
    margin: 30px auto 0 auto;
}
footer.error p {
    text-align: center;
    color: #222;
}

HTML:
<!-- Add footer tag after div.error-wrapper -->
<footer class="error">
    <p>blah blah</p>
</footer>
And here is for login page:
CSS:
.login-wrapper > footer {
    background: #fff;
    padding: 12px 20px 3px;
    width: 340px;
    margin: 30px auto 0 auto;
}
.login-wrapper > footer p {
    text-align: center;
    color: #222;
}

HTML:
<!-- Add footer tag inside div.login-wrapper -->
<footer>
    <p>blah blah</p>
</footer>

Change 30px margin-top property to proper value that you need. Feel free to ask any other question.

Default-user

Thanks Hossein,

I had to fiddle a little more with it but your tips got me in the correct path and I got what I wanted. :)

Cheers, Raúl

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
kpoint Purchased
Hi, I was wondering is there anyway to set a switches value via jQuery. I have tried a few online sources but cannot get it working. This is my switch code.
<div class="make-switch" id="use_map_switch" data-on-label="Yes" data-off-label="No" data-on="success" data-off="danger">
    <input type="checkbox" name="use_map" id="use_map" value="1" {if $form_data.use_map eq 1}checked{/if} />
</div>
I run a jquery script and if a condition is met I want to return the switch to be unchecked/red/no I thought one of the following lines of code would work but didnt.
$('#use_map_switch').bootstrapSwitch('setState', false);
$('#use_map').bootstrapSwitch('setState', false);
ShaMSofT

Hi,

Are you sure that switch is ON?
For test, replace “{if $form_data.use_map eq 1}checked{/if}” with “checked” to sure about that.

Anyway, this is work right for me.

Default-user
kpoint Purchased
It works from the doc ready but within a function it doesn’t work
$('#use_map_switch label').click(function(){
    if($('#use_map').is(':checked')){
        $('.map-area').hide();
    } else {
        address = getAddress();
        if(address == ""){
            alert('you must enter an address');
            $('#use_map_switch').bootstrapSwitch('setState', false);
        }
I get the alert but the switch wont set to off
Default-user
kpoint Purchased

It seems to be that it calls my function first from the script then after it completes my code the switch code works and changes the state afterwards

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 0-1 years

Hello,

I like to use the wizard. I replaced <#a href="javascript:;" class="btn btn-success button-submit">Submit<#/a> with <button type="submit" class="btn btn-success button-submit"><i class="fa fa-check" /> Speichern</button> The form action is the same file where the wizard is. But every time I like to submit, the URL shows the values of the formular and does not run the PHP script.
ShaMSofT

Hello,

Replace method=”GET” with method=”POST” in your <form> tag

Default-user

Arrgh sry, sometimes I’m realy dopy…. thanks!

  • Bought between 50 and 99 items
  • Guadeloupe
  • Has been a member for 2-3 years

Hi,

I am using the dynamic table with 8 columns. I’m trying to disable the sorting on some of them. I tried this but it’s not working. Could you help please.

 

<script>

        $(document).ready( function() {
  $('#table1').dataTable( {
    "aoColumns": [
      { "bSortable": false },
      null,
      null,
      { "bSortable": false },
      { "bSortable": false },
      null,
      null,
      { "bSortable": false }
    ] } );
} );

</script>

ShaMSofT

Hi,

Try this one:
$('#table1').dataTable({
    "aoColumnDefs": [{
        'bSortable': false,
        'aTargets': [0, 3, 4, 7]
    }]
});
  • Bought between 10 and 49 items
  • Germany
  • Has been a member for 2-3 years

Hi,

im using the slimScroll-Div in my Project so i noticed that all slimScroll divs (aso in the actual Data from Codecanyon) get 250px height. i cant overwrite it. Do u have any fix for it?

ShaMSofT

Hi,

You can change it with height property option. 250px is the default value:
$(selector).slimScroll({
    height: '500px'
});
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi,

it’d be great if I could re-init all custom functionality when a modal is opened to use stuff like collapsable boxes and custom dropdowns.

Nevertheless, it’s a pleasure to work with your theme!

Cheers,

Jonathan

ShaMSofT

Hi, Thanks

Yeah, you’re right. Re-initialization JS component is necessary after loading ajax content. I think you know how to write this function in flaty.js , but I’ll do it if you need to. Just email me from my profile page’s contact form, so I can send you new flaty.js file.

schmidjon

Thanks a lot! I’ve primarily posted this commented as “Bug Report” and I would be happy to see it in a future update so I can keep my installation updatable.

ShaMSofT

Ok, I’ll plan to release a minor update in few days.

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

Hi,

also, when using zigzag conversations, it doesn’t make sense that every second message is reversed. In a conversation, there might be two messages of one person before there is one of the other. A css class would make sense.

Thanks

Jonathan

ShaMSofT

Hi,

It’s right too. Send me email so I’ll send back new flaty.css file

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years

I totally love this theme, and i cant wait implementing it on a future client’s website…

But I need to see if the theme also has built-in modals, popups or the like?

ShaMSofT

Thanks.

Check this link: http://themes.shamsoft.net/flaty/ui_general.html
You can see Tooltip, Popover, Modals, and Notification at bottom of page

  • Has been a member for 0-1 years

Hi ShaMSofT, Nice work on this. My boss has purchased this for us to use and I’ve got a question regarding the alerts and notifications. We’d like to use the notifications and alerts that you have at the top right of the pages. The tasks, alerts, and the messages. I don’t see any information or examples on this and would like to know how we can incorporate this functionality. Can you give us some information please? We’re working in C#. Thanks.

ShaMSofT

Hi jim,

Thanks for using FLATY.
That notification is Gritter and you can find sample js code at top of “js/flaty-demo-codes.js” file. Also you can find more information in http://boedesign.com/demos/gritter/

Default-user

Great. Thanks. Keep up the good work.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
pnthree Purchased

Hi, How can i make the datepicker hide when i select a date , and get the event when date change. thanks

ShaMSofT

Hi,
You can find them in documentation page: http://www.eyecon.ro/bootstrap-datepicker/
Simply, this component has .datepicker(‘hide’) method and changeDate event.

Default-user
pnthree Purchased

thanx

  • Exclusive Author
  • Has been a member for 1-2 years

Hi

Impressive template, can I ask when is RTL version released? Can you provide your/support Email?

Thanks

ShaMSofT

Hi

I do not have any plan to release RTL version. You can find contact form in my profile page.

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 0-1 years

I have tried to add the clear button to the datepicker, like in the documentation: http://bootstrap-datepicker.readthedocs.org/en/latest/options.html#clearbtn I changed the flaty.js but it doesn’t work:

if (jQuery().datepicker) { $('.date-picker').datepicker({ clearBtn: true }); }
ShaMSofT

As you can see in documentation, we are using this one in FLATY: http://www.eyecon.ro/bootstrap-datepicker/

And it seems this one does not has any option for clear button.

by
by
by
by
by
by