Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unable to customize buttons #170

Open
GoogleCodeExporter opened this issue Mar 22, 2015 · 1 comment
Open

Unable to customize buttons #170

GoogleCodeExporter opened this issue Mar 22, 2015 · 1 comment

Comments

@GoogleCodeExporter
Copy link

Using
$(document).ready(function () {
    // make chosen, dialog, and other fancy jquery button things here
    $("#CustomerList").chosen();
    $("#LoBList").chosen();
    $("#BranchList").chosen();
    $("#AccountLabel").chosen();
    var table = $('#LineItemsGrid').dataTable().makeEditable({
        sUpdateURL: "EditLineItem",
        sAddURL: "AddLineItem",
        sDeleteURL: "DeleteLineItem",
        oAddNewRowButtonOptions: {
            label: "Add..."
        },
        oDeleteRowButtonOptions: {
            label: "Remove"
        },
        oAddNewRowOkButtonOptions: {
            label: "Confirm",
            //icons: { primary: 'ui-icon-check' },
            name: "action",
            value: "add-new"
        },
        oAddNewRowCancelButtonOptions: {
            label: "Close",
            class: "back-class",
            name: "action",
            value: "cancel-add",
        },
        oAddNewRowFormOptions: {
            title: 'Add new record',
            show: "blind",
            hide: "explode"
        }
    });

None of the buttons defined above are taking the properties shown. I know it 
reads from beginning to end because the correct controllers are called and the 
form properties are correct, but none of the buttons are showing the correct 
text nor are they taking the jquery UI button look.

What is the expected output? What do you see instead?
[Add...] and [Remove] buttons from everything I can tell should be showing the 
the aforementioned text in jquery ui button format, instead they show as 
[Add][Delete] in regular .NET button format

What version of the product are you using? On what operating system?
Visual Studio 2013 Update 2
.NET Framework 4.5.1
bootstrap.js v3.0.0
Chosen Version 1.0.0
jquery-1.10.2
jQuery UI - v1.11.0
jquery.dataTables.editable.js * Version:     2.3.3
jquery.dataTables 1.10.2
jquery.jeditable.js Version 1.7.1
jQuery Validation Plugin 1.11.1
dataTables.bootstrap.js for Bootstrap 3+ and DataTables 1.10+



Original issue reported on code.google.com by [email protected] on 8 Aug 2014 at 5:10

@GoogleCodeExporter
Copy link
Author

I'm a dummy, bootstrap.js conflicts with dataTables.bootstrap.js. removing 
bootstrap.js and just using the one version fixed it

Original comment by [email protected] on 8 Aug 2014 at 8:37

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant