Kennethware Config/Installation

Jump to solution
millerjm
Community Champion

Hi everyone and  @kenneth_larsen ​

I've got the Kennethware Template wizard installed and working but I'm struggling with the CSS bit and getting the Launch DesignTools button to show.

The instructions say:

Paste the content from the canvasGlobal.css file into your institutions global CSS file in Canvas.

Copy the images from the "canvasImages" folder into a folder called "images" in the same location as your global CSS file.

I'm a little confused because we upload our global CSS file into the canvas theme editor.  I've tried to do   @import url("https://canvasl.seminolestate.edu/designtools/canvasGlobal.css"); at the top of our CSS file but otherwise I'm not sure how I need to do the CSS file and where to put it since the links to the images are relative links. 

Is there something else that I'm missing or need to do to get the button to load?

Thanks!

1 Solution

Sorry  @millerjm , I spent the remainder of yesterday bouncing between meetings. I looked at your master_controls.js file and it still shows the wrong criteria, let me give a larger context. To match the new code from GitHub, change the following (starting on line 100):

// Check to see if the editor is available yet

function klTriggerToolsCheck() {

    'use strict';

    var klLoadTools = false,

        userID = ENV.current_user_id;

    console.log('klTriggerToolsCheck()');

    // Only proceed if this passes the limits on the tools

    if (klToolsVariables.klLimitByRole === false && klToolsVariables.klLimitByUser === false) {

        klLoadTools = true;

    } else if (klToolsVariables.klLimitByRole === true && klToolsVariables.klLimitByUser === false) {

        $.each(klToolsVariables.klRoleArray, function (index, val) {

            if ($.inArray(val, ENV.current_user_roles) === -1) {

                klLoadTools = true;

                // return false;

            }

        });

    } else if (klToolsVariables.klLimitByRole === false && klToolsVariables.klLimitByUser === true) {

        console.log(userID);

        // If the user's Canvas ID is in the klToolsVariables.klUserArray

        if ($.inArray(userID, klToolsVariables.klUserArray) !== -1) {

            klLoadTools = true;

        }

    } else if (klToolsVariables.klLimitByRole === true && klToolsVariables.klLimitByUser === true) {

        $.each(klToolsVariables.klRoleArray, function (index, val) {

            if ($.inArray(val, ENV.current_user_roles) !== -1 && $.inArray(userID, klToolsVariables.klUserArray) !== -1) {

                klLoadTools = true;

                // return false;

            }

        });

    }

    if (klLoadTools) {

        // First condition is for syllabus

        if ($('.kl_add_tools').length > 0) {

            $('.kl_add_tools').show();

        // If it is not the syllabus check for editor

        } else if ($('iframe').contents().find('#tinymce').length > 0) {

            // console.log(tinyMCE.activeEditor.id);

            iframeID = '#' + tinyMCE.activeEditor.id + '_ifr';

            klLoadToolsDependencies();

        } else {

            // console.log('Check Again');

            setTimeout(function () {

                klTriggerToolsCheck();

            }, 500);

        }

    }

}

to:

// Check to see if the editor is available yet

function klTriggerToolsCheck() {

    'use strict';

    var klLoadTools = false,

        userID = ENV.current_user_id;

    console.log('klTriggerToolsCheck()');

    try {

        // Only proceed if this passes the limits on the tools

        if (klToolsVariables.klLimitByRole === false && klToolsVariables.klLimitByUser === false) {

            klLoadTools = true;

        } else if (klToolsVariables.klLimitByRole === true && klToolsVariables.klLimitByUser === false) {

            $.each(klToolsVariables.klRoleArray, function (index, val) {

                if ($.inArray(val, ENV.current_user_roles) !== -1) {

                    klLoadTools = true;

                    // return false;

                }

            });

        } else if (klToolsVariables.klLimitByRole === false && klToolsVariables.klLimitByUser === true) {

            console.log(userID);

            // If the user's Canvas ID is in the klToolsVariables.klUserArray

            if ($.inArray(userID, klToolsVariables.klUserArray) !== -1) {

                klLoadTools = true;

            }

        } else if (klToolsVariables.klLimitByRole === true && klToolsVariables.klLimitByUser === true) {

            $.each(klToolsVariables.klRoleArray, function (index, val) {

                if ($.inArray(val, ENV.current_user_roles) !== -1 && $.inArray(userID, klToolsVariables.klUserArray) !== -1) {

                    klLoadTools = true;

                    // return false;

                }

            });

        }

        console.log("Load Tools: " + klLoadTools);

        if (klLoadTools) {

            // First condition is for syllabus

            if ($('.kl_add_tools').length > 0) {

                $('.kl_add_tools').show();

            // If it is not the syllabus check for editor

            } else if ($('iframe').contents().find('#tinymce').length > 0) {

                // console.log(tinyMCE.activeEditor.id);

                iframeID = '#' + tinyMCE.activeEditor.id + '_ifr';

                klLoadToolsDependencies();

            } else {

                // console.log('Check Again');

                setTimeout(function () {

                    klTriggerToolsCheck();

                }, 500);

            }

        }

    } catch (err) {

        console.log(err);

    }

}

Sorry for the inconvenience and thanks again for finding this.

View solution in original post