338 comments found.
Its says Layered PSD files would be included. The zip file did not contain any. Please send the PSD files, if you have in Ai/Eps/Sketch, it would help us greatly.
The layered psd is only available in version 1.5 which you can have it by extracting the zip file of v1.5
Hi. I purchased this template a few hours ago. It said well documented. I read the document and it talks only about the setup of template on the system. It does not mention anything about customisation. I have downloaded and installed it on my domain. It works well. Now I have no clue how to setup the page that I want. It shows all the codes and details about every element. But how to create the page using this template? I want to customise all the left panel buttons and have fields and buttons in the main page. How can I connect this to my database? Is there a users manual about how to use this template and create pages?
Hi, you just need to go to folder app/ there you can see all html files. Open any file and do save as and choose your own filename. Now you have to replace everything you want to replace in there.
About connecting to database, there is no instruction for that. Connecting it to the database is not part of the feature. Please take note that this is only a static template not a dynamic template
I need to create tabs panel but design is not available and if i am trying to do then it’s showing incompatible design.
Please provide me design for tabs panel
Hi, what kind of tab? There’s a tab found here http://themepixels.me/bracket/app/cards.html Scroll down below and look for a label Card with Navigation. Let me know if that’s not what you need.
Hi, We have used the drop-down which enabled the user to pick (tick) all or selective items from the dropdown list. However, there is no search function in the dropdown menu? Is it possible to include the search function in there?
Thank you.
Yes you can put search function there inside the an element with dropdown-menu class
We are using the initial release of this theme purchased in 2014 and I would like to report that RTL files are missing. Can you please share or send the original RTL files?
Please ignore my message, I downloaded the latest package and it had the RTL files of v1.5 as well. Thanks!
if you want use mutli menu then use this codes
<HTML> Stok Yönetimi
-
Stok Yönetimi
- Stok Kartları
- Raporlar
.sub-menu-item { display: flex; align-items: center; justify-content: flex-start; padding: 0 15px; height: 40px; letter-spacing: 0.2px; font-size: .85rem; } .sub-menu-sub { padding-top: 5px; padding-bottom: 5px; padding-left: 27px; background-color: #1a2432; display: none; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .sub-menu-sub .nav-link { font-size: 13px; color: #adb5bd; padding-top: 7px; padding-bottom: 7px; white-space: nowrap; position: relative; transition: all 0.2s ease-in-out; } .sub-menu-sub .nav-link::before { content: ’’; position: absolute; top: 50%; left: -5px; margin-top: -.5px; width: 5px; height: 1px; background-color: #fff; opacity: .5; transition: all 0.2s ease-in-out; } .sub-menu-sub .nav-link:hover, .br-menu-sub .nav-link:focus { color: #17A2B8; } .sub-menu-sub .nav-link:hover::before, .br-menu-sub .nav-link:focus::before { width: 20px; left: -15px; opacity: 1; background-color: #17A2B8; } .sub-menu-sub .nav-link.active { color: #17a2b8; } .sub-menu-sub .nav-link.active::before { width: 20px; left: -15px; opacity: 1; background-color: #17A2B8; } .sub-menu-item-label { white-space: nowrap; margin-right: auto; } </CSS> <JS> $(’.sub-menu-link’).on(‘click’, function () { var nextElem = $(this).next(); var thisLink = $(this); if (nextElem.hasClass(‘sub-menu-sub’)) { if (nextElem.is(’:visible’)) { thisLink.removeClass(‘sub-show-sub’); nextElem.slideUp(); } else { $(’.sub-menu-link’).each(function () { $(this).removeClass(‘sub-show-sub’); }); $(’.sub-menu-sub’).each(function () { $(this).slideUp(); }); thisLink.addClass(‘sub-show-sub’); nextElem.slideDown(); } return false; } }); </JS>
We are already done restructuring sidebar menu and will be available on next update. Thanks for your suggestions though.
what kind of encryption does it use on phpmyadmin? because I do not remember the password for accessing the backoffice
Hi, I don’t know what exactly is your concern here. Please elaborate. Thanks
And the <Drop Down> does not seem working. The class = ‘select2’ must have some issue. Nothing has been changed on my end. But when we just try to data bind data into <option></option>. And then trying to do some basic action like on change on the front end. The drop down always show up the previous selected value. We also put the exact same jquery on another webpage without using this template’s codes. It is working fine.
Hope you see this message and you can help me. We are trying to use your web template to built our own admin web portal. Thanks.
Hi can you show me the code of binding data and the your code of some basic action like on change?
<label class=”col-sm-4 control-label”>Bond State</label> <select class=”select2” id=”bondState” name=”bondState” onchange=”fnGetBondNameList(this.options[this.selectedIndex].value);” data-placeholder=”Choose Bond State…”> <option value=””></option> <option value=”CA”>CA</option> <option value=”FL”>FL</option> </select> <label class=”col-sm-4 control-label”>Bond Name</label> <select data-placeholder=”Choose Bond..” class=”select2” disabled required onchange=”fnSaveSingleData(this.name,’0’);” id=”bondName” name=”bondName”> <option value=””></option> </select> <script> function fnGetBondNameList(bondState) { $.ajax({ url: “http://localhost:5489/BondList.xml”, success: function (xml) { parseSelectXML(xml,”bondName”,”Bond”,bondState); }, error: function (xhr, ajaxOptions, thrownError) { alert(“Status: ” + xhr.status); alert(“Error: ” + thrownError); } }); } function parseSelectXML(xml, selectid, xmlnode, bondState) { var selecthtml = ””, selectBondName=””; var i = 0; $(xml).find(xmlnode).each(function () { if (bondState == $(this).find(‘GeneralInformation’).find(‘State’).text()) { selectBondName = $(this).find(‘GeneralInformation’).find(‘Name’).text(); selecthtml += ’<option value=”’ + selectBondName + ’”>’ + selectBondName + “(” + bondState + “) ” + ’</option>’; i = i + 1; // alert(selecthtml); } }); $(”#” + selectid).prop(“disabled”, false); $(’#’ + selectid).html(selecthtml).val(selectBondName); //modal information $(’#’ + “bondListFilterByState”).html(selecthtml).val(selectBondName); $(’#’ + “bondlistFilterByState_selectedBondName”).html(selectBondName).val; $(’#’ + “bondlistFilterByState_selectedState”).html(bondState).val; //modal end information } </script>
<Surety> <SuretyLine> <Commercial> <Bond> <GeneralInformation UI=”BondInfo”> <Name ID=”bondName” PrefillValue=”Yes”>Contractor</Name> <State ID=”bondState” PrefillValue=”Yes”>CA</State> </Surety>
908
<Renew PrefillValue="Yes">
<Year>1</Year>
</Renew>
</GeneralInformation>
<Coverage Type="list">
<Amount PrefillValue="No" Min="15000" Max="15000" Term="1"></Amount>
</Coverage>
<Applicant>
<CompanyName ID="applicantCompanyName" PrefillValue="No"></CompanyName></Applicant>
</Bond>
<Bond>
<GeneralInformation UI="BondInfo">
<Name ID="bondName" PrefillValue="Yes">Contractor2</Name>
<State ID="bondState" PrefillValue="Yes">FL</State>
</Bond>908
<Renew PrefillValue="Yes">
<Year>1</Year>
</Renew>
</GeneralInformation>
<Coverage Type="list">
<Amount PrefillValue="No" Min="15000" Max="15000" Term="1"></Amount>
</Coverage>
<Applicant>
<CompanyName ID="applicantCompanyName" PrefillValue="No"></CompanyName></Applicant><Status>Online</Status></Commercial>
</SuretyLine>Let me know your email if you want me to email u
I think this is an issue between your framework and select2 not in the templates code. I’m not sure what type of framework you are using based from the code you gave. I’d like to see the actual result of your code in a browser and see if I can figure out what’s wrong.
You can take a look. Just try to select different states. and for sure you will see the issues.
We only use jquery. Nothing else and the jquery plugs are all from your templates
The link is not found. I can’t open it.
Hi, are you referring to the value of Bond Name keep being there even if Bond State changes?
I’m not really sure what you are trying to achieve in there but if you’re trying to clear the selection when bond state changes, consider using this code:
$("#bondName").select2("val", "");
It will clear the value of bond name. Let me know if this is not what you are trying to achieve. Thanks
no it is not helping. i need to fix this asap. it has been over a few days. you can email me. and we can teamviewer it. you should have my email on file since i purchased your web template.
And I put your code and bow the bond name drop down’ height is almost down to 0. it shows very small narrow box like UI.
you can email me at themepixels@gmail.com. Please explain clearly about the issue so I can help you faster.
1. Go To: http://www.rvrentalsburningman.com/Quote/BondInfo 2. Bond State Select: CA 3. Bond Name: Select ERISA 4. Go to BOnd State and select FL 5. Go to Bond Name: You will see ERISA (which is the previous selected item) is still shown up. 6. When you expand the bondName, you will see the list below which is correct.
The issue is the previous selected record is always show up in the first row.
are u ready to help?
$('#bondName').val(null).trigger('change');
That code will clear the current selected item.
you are right. and i did add your codes there. it is not working at all
on the – How can i make it wider? and where I can find default font size for the entire web template? I would like to make it bigger font size.
I need to know where did you inserted it? for the font-sizes go to bootstrap-override.css there you can see font sizes
When you can help me to fix the issue below?
1. Go To: http://www.rvrentalsburningman.com/Quote/BondInfo 2. Bond State Select: CA 3. Bond Name: Select ERISA 4. Go to BOnd State and select FL 5. Go to Bond Name: You will see ERISA (which is the previous selected item) is still shown up. 6. When you expand the bondName, you will see the list below which is correct.
The issue is the previous selected record is always show up in the first row.
It’s weekend here in my country but I can spend some time helping you on this. Give me until Monday my time. Give me your email address and I will email you the update. Thanks
Hi, I manage to fix it. Below are the code copy it and replace it with your code
function fnGetBondNameList(bondState) {
$('#bondName').select2('val', '');
$.ajax({
url: "http://www.RVRENTALSBURNINGMAN.COM/BondList.xml",
success: function (xml) {
parseSelectXML(xml,"bondName","Bond",bondState);
},
error: function (xhr, ajaxOptions, thrownError) {
alert("Status: " + xhr.status);
alert("Error: " + thrownError);
}
});
}
function parseSelectXML(xml, selectid, xmlnode, bondState) {
var selecthtml = '<option label="Choose bond..."></option>';
var values = new Array();
$(xml).find(xmlnode).each(function () {
if (bondState == $(this).find('GeneralInformation').find('State').text()) {
values.push($(this).find('GeneralInformation').find('Name').text());
}
});
$.each(values.sort(), function (i, v) {
selecthtml += '<option value="' + v + '">' + v + '</option>';
});
$('#' + selectid)
.html(selecthtml)
.prop('disabled', false);
$('#' + selectid + ' option:first').attr('selected', 'selected');
//modal information
$('#' + "bondListFilterByState").html(selecthtml).val(selectBondName);
$('#' + "bondlistFilterByState_selectedBondName").html(selectBondName).vaL;
$('#' + "bondlistFilterByState_selectedState").html(bondState).val;
//modal end information
}
<select id="bondName" disabled required onchange="fnSaveSingleData(this.name, '0'); fnGetBondAmount();" name="bondName">
<option label="Choose bond..."></option>
</select>
This is a new code. Add this in the footer.
$('#bondName').select2({
width: '100%',
minimumResultsForSearch:-1,
placeholder: 'Choose Bond...'
});
Here is the the link of the working code:
http://themetrace.com/demo/bracket/bondinfo.html
I would like to use range extender like the one you have on another templates.
http://preview.themeforest.net/item/blockbox-responsive-multipurpose-html5-template/full_screen_preview/20722009?_ga=2.5094897.3956063.1509301501-531563652.1504700142In this case, if I still use this web template, how can I integrate them?
Hi, it’s not really hard you just have to include jquery and ion rangeslider on your page and to make it look like the same on my other template you just only add another css file which is included in my other template.
Also, I’m currently working on a huge update of this template and rangeslider will be part of it. It’s almost done and will be release in less than 2 weeks
<div class="panel-body">
<a href="show.php?show1=yes" class="btn btn-primary mr5" data-toggle="modal" data-target=".bs-example-modal-photo">show1=yes</a>
</div>
<div class="panel-body">
<a href="show.php?show2=yes" class="btn btn-primary mr5" data-toggle="modal" data-target=".bs-example-modal-photo">show2=yes</a>
</div>
<div class="modal fade bs-example-modal-photo" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-photo-viewer">
<div class="modal-content">
</div>
</div>
show.php
<pre>
<?
if (!empty($_GET['show1']) and $_GET['show1']=='yes')
{
echo('show1');
}
if (!empty($_GET['show2']) and $_GET['show2']=='yes')
{
echo('show2');
}
?>
</pre>
So,when i click on link show.php?show1=yes - modal have content=show1,
then i close modal and click on link show.php?show2=yes - modal also have content=show1 . If i refresh page and first click on show.php?show2=yes - modal have content=show2, but then i clik on show.php?show1=yes and modal also have content=show2</div>
<script>$(document).ready(function(){
$('.btn-primary').on('click',function(){
var dataURL = $(this).attr('href');
$('.modal-content').load(dataURL,function(){
$('.bs-example-modal-photo').modal({show:true});
});
});
});
</script>
Try the code I gave above by adding it in index.html. If it doesn’t work let me know so that we can both figure out. Thanks
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery-ui-1.10.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.sparkline.min.js"></script>
<script src="js/toggles.min.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/jquery.cookies.js"></script>
<script src="js/flot/jquery.flot.min.js"></script>
<script src="js/flot/jquery.flot.resize.min.js"></script>
<script src="js/flot/jquery.flot.spline.min.js"></script>
<script src="js/morris.min.js"></script>
<script src="js/raphael-2.1.0.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/dashboard.js"></script>
<script>$(document).ready(function(){
$('.btn-primary a').on('click',function(){
var dataURL = $(this).attr('href');
$('.modal-content').load(dataURL,function(){
$('.bs-example-modal-photo').modal({show:true});
});
});
});
</script>
it is not help me 
Remove the “a” in your code. It’s $(’.btn-primary’) not $(’.btn-primary a’)
same result, it’s not working
<script>
$(document).ready(function(){
$('body').on('hidden.bs.modal', '.modal', function () {
$(this).removeData('bs.modal');
});
});
</script>
I have a feeling the code will work.
I have a problem with Modal with External link:
code: show1=yes show2=yesAnd the code of show.php: <? if (!empty($_GET[‘show1’]) and $_GET[‘show1’]==’yes’) { echo(‘show=1’); }
if (!empty($_GET[‘show2’]) and $_GET[‘show2’]==’yes’) { echo(‘show=2’); } ?>
When i first click on show1=yes Modal shows me: show=1 Then i click on show2=yes Modal shows me ALSO!: show=1So, i click on links with diffrent parametres, but modal show content of first click link
I need to show diffrent content in Modal when user clicks on diffrent links.
Hi, I don’t know exactly what’s the issue here. Is there a way I can check your exact code or the full code in which I can see what content you wanted to show. Thanks.
Hi.
I would like to use parts of this admin panel for my project instead of its entirety.
Problem is when I move the assets to my project subfolder, even when I change the code in the html to include the correct path some elements don’t load.
Any ideas?
Hi I don’t understand how did you move it. Can you please elaborate more? Thanks
Using just parts of the template instead of the whole thing.
For instance, let’s say I want to use some of your custom buttons. Is there a way for me to be able to use them instead of importing your whole template into a folder (otherwise I’d have to fix every relative path and reference etc)?
You can open the css file, I provided a table of contents in there to every section. Say you want the button, you can copy the styles for button and move it to a new file, there you can use it instead of the entire style
Hello…. I need really narrow top horizontal navigation (no left side bar) – can your template do this?
I also need a fully dark theme…you have it?
Doe your template also offer to open a popup window on click – which will contain an IFRAME?
Hey it would be awesome if you released an angular version of this! Do you think this is something you might consider?
hi, i need to know if i can integrate your dashboard code into my joomla template, and if you have some tutorials for this, or how much is the cost if you can help me
Hello, I’m trying to find the simplest admin template. I also emailed you about MetroLab. I need a template that is compatible with excel for the data base and quickbooks. Also can you help with the database set-up?
Obviously I’m new at this. Thanks, Michelle
Hello, I want to get show the data’s in from another site.(samples: http://tweepsmap.com/ and http://sociograph.io/ and https://pro.iconosquare.com/) In this template(Bracket) instead photo link and infographics can you put it? So I import data from other sites. Can we do this the data transfer?
Regards
hi, themepixels I startup a website in China alone, but I don’t have enough money for buy a admin template, so can I try this template first, If I think this template is good for my website, I can buy it.
Hi, I can’t seem to get any of the drop downs to work…. I haven’t made any real changes, I’ve only just opened the blank.html file and none of the dropdowns are dropping down. Thank you!
Dear author
We have been using your product (Bracket Responsive Bootstrap 3 Admin Template) for our upgraded version website. We like your product very much.
Nevertheless, we have encountered one problem which is the selection box has a very long list of items (because we have so many IDs to be listed). The length of the box is extended out of the webpage body and it doesn’t look good. We wondering if you can develop “scroll bar” on the side of selection box when the items listed is more than 20?
Thank you very much.
Best regards, Pang
hello. I have added the scroll bar. thanks.
