Datalynx JavaScript, CSS: Difference between revisions
From MoodleDocs
Module administration
Creating an activity
Manage datalynx activities
- Views
- Fields
- Filter, Search and Sort
- Datalynx Tags
- Statistics
- Notifications
- JavaScript, CSS
- Calculations
See also
David Bogner (talk | contribs) (Created page with "{{Datalynx}} It is possible to add custom JavaScript and CSS code to a datalynx activity. == JavaScript == You can add custom JavaScript in "Manage -> JavaScript". If you us...") |
Justin Hunt (talk | contribs) |
||
| Line 22: | Line 22: | ||
== CSS == | == CSS == | ||
Add custom CSS in "Manage -> CSS" | Add custom CSS in "Manage -> CSS" | ||
=== | === Possible ways to add CSS === | ||
* Direct input | * Direct input | ||
* Link to external JavaScript | * Link to external JavaScript | ||
* Upload a JS file | * Upload a JS file | ||
Latest revision as of 00:32, 19 April 2016
It is possible to add custom JavaScript and CSS code to a datalynx activity.
JavaScript
You can add custom JavaScript in "Manage -> JavaScript". If you use JavaScript, make sure to choose appropriate selectors and classes, in order to only target the specific view where the JS should be used. Also make sure to make a difference between editing mode and view mode of a view. In the following example, the edit view is detected via the presence of an input-tag, that is not present in view mode.
YUI().use('node', 'event', function(Y) {
if(Y.one('.class_only_present_in_a_view') && Y.one('.sws input')){
function werteberechnen(){
var einzel = Y.all('.summeects');
}
}
});
Possibilities to add JS
- Direct input
- Link to external JavaScript
- Upload a JS file
CSS
Add custom CSS in "Manage -> CSS"
Possible ways to add CSS
- Direct input
- Link to external JavaScript
- Upload a JS file
