How to configure custom icon paths in editor for close, loading, etc

marcelv

Hi,
I have a trial of Editor and this is working absolutely magnificient. Wish I had known this earlier since before I used jquery Jeditable, which is also cool but far less featured.

I got almost everything I needed to working, only thing is, it is not showing loading icons. I'm integrating editor with an existing Datatables app (php) and my folder structure is quite different from the structure of the editor package. So, for multiple reasons I don`t want the images to exist in the folder /images/ but I want them in a custom folder, like /rerources/images.

Now, as for the datatables I know this can be done via Language. But how about the editor? Can I define custom image paths for the loading icon after submit inline editing and for the close icon of the bubble popup editing?

Hopefully someone can help me out asap. Thanks a lot in advance!

PS: this is my current initialization code for the editor:

var editor; 
editor = new $jq.fn.dataTable.Editor( {
        ajax: "table_ajax_processing",
            table: tableId,
        fields: jsAttLabelMap
        } );

Obviously the jsAttLabelMap is an json object array with labels and names for the attributes in the form. So, can I add something to overwrite the image path, especially for the inline editing loader icon?

allan

Hi,

The loading image for inline editing is defined in the Editor CSS like this:

    div.DTE_Inline.DTE_Processing:after {
        position: absolute;
        content: ' ';
        display: block;
        top: 4px;
        right: 10px;
        height: 12px;
        width: 17px;
        background: url('../images/ajax-loader-small.gif') no-repeat top left;
    }

You could add a custom CSS rule (div.DTE_Inline.DTE_Processing:after) to set the image to load from wherever you need.

Regards,
Allan

marcelv

Cool, thanks a lot!