what is the correct syntax to use for making multiple text string changes?

what is the correct syntax to use for making multiple text string changes?

rw1rw1 Posts: 42Questions: 0Answers: 0
edited September 2012 in DataTables 1.9
hello,

i would like to change the 'Loading data from server' and 'Processing' text strings (ie the 'sLoadingRecords' and 'sProcessing' strings).

i am referring to this document:

http://datatables.net/docs/DataTables/1.9.0/DataTable.defaults.oLanguage.html#sLoadingRecords

can anyone please tell me the correct syntax to use if i wanted to make two string changes?

thank you!

ps i'm trying things like this but it is not working.

[code]"bProcessing": true,
"bServerSide": true,
"oLanguage": {
"sProcessing": "DataTables is currently busy","sLoadingRecords": "Please wait - loading..."
},
"sAjaxSource": "examples/server_side/scripts/server_processing.php",[/code]

Replies

  • rw1rw1 Posts: 42Questions: 0Answers: 0
    edited September 2012
    ok, i've figured out that regardless of whether i use the right syntax, this does not work when using server side proessing.

    can anyone please tell me how to make changes to 'sLoadingRecords' text when using server side processing?

    thanks!
  • rw1rw1 Posts: 42Questions: 0Answers: 0
    it's in the html file where datatables is being pulled into ie:

    [code]Loading data from server[/code]
  • rw1rw1 Posts: 42Questions: 0Answers: 0
    and for changing the position of 'processing' message, look in:

    /public_html/your_datatables_folder/media/css/demo_table.css

    and find:

    .dataTables_processing
  • rw1rw1 Posts: 42Questions: 0Answers: 0
    although i'm trying to change the positioning with this css and nothing is budging it :(
  • rw1rw1 Posts: 42Questions: 0Answers: 0
    you have to add it to your custom css (i added a theme roller theme at /public_html/your_datatables_folder/examples/examples_support/themes/your_theme/jquery-ui-1.8.23.custom.css). you can add the following and then customise it:

    [code].dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
    }[/code]
This discussion has been closed.