[Xerte] Re: Customizing XOT Projects

Thu Nov 17 14:22:56 GMT 2011

See also the swf approach: there's an example in Windows Xerte/templates/frameworks that has this way of doing things with a custom swf. You probably need to  playa round with styles as well.

[cid:image014.png at 01CCA534.6664B460]

From: xerte-bounces at lists.nottingham.ac.uk [mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Tom Reijnders
Sent: 17 November 2011 14:15
To: Xerte discussion list
Subject: [Xerte] Re: Customizing XOT Projects

Hmmm... XOT.

A bit more difficult, but the good news is, that all the things you mentioned can be done without changing XMLEngine.fla

Depends a bit how you want to do it. I'll explain how to CHANGE an existing template. The easiest is the Nottingham Page Templates, because there is an equivalent in the standalone Xerte.

- Get Xerte standalone and install it on your PC
- Start Xerte, and start a new Page Templates project:
[cid:image001.png at 01CCA534.28913870]
- Choose a new directory and open the new project
[cid:image002.png at 01CCA534.28913870]

- Press play to say the current layout
[cid:image003.png at 01CCA534.28913870]

- Leave Xerte
- Retrieve from your XOT installation the file in <webroot>/modules/xerte/parent_templates/Nottingham/Nottingham.rlt
- Copy it OVER the template.rlt file of the just created Xerte project
- Open Xerte standalone again (by double-clicking template.rlt) in the folder
[cid:image002.png at 01CCA534.28913870]

- Quit the Wizard (by clicking the X)
[cid:image004.png at 01CCA534.28913870]

- First.... colours...:
You can change the colours by setting optional properties such as titleBarColour
[cid:image005.png at 01CCA534.28913870]

- You can check what you did by double clicking the First Icon
[cid:image006.png at 01CCA534.28913870]
- and than press Play
[cid:image007.png at 01CCA534.28913870]

- Now for the logo and the position of the buttons etc...
- Leave the Wizard and click on the tree structure and select the setup icon
[cid:image008.png at 01CCA534.28913870]
- Click on Script
[cid:image009.png at 01CCA534.28913870]

[cid:image010.png at 01CCA534.28913870]

- In this script you can move the buttons around and switch on and off the list boxes and load a new default logo or banner
You do this right below the first if statement (or if the template is older, below the loadIcon line)
[cid:image011.png at 01CCA534.28913870]
rootIcon.loadIcon(FileLocation + 'media/banner_sheet_transparant_cr.png');
_level0.engine.IFC.themes._visible = false;
_level0.engine.IFC.fonts._visible = false;
_level0.engine.IFC.access._visible = false;
_level0.engine.IFC.sizes._x = 10;
_level0.engine.IFC.txtSize._x = 120;

Also a bit further down in this script all buttons are disabled by
rootIcon.hideControls();
and several are enabled again on a different position.

rootIcon.tocBtn._y = 550;
rootIcon.nextBtn._y = 550;
rootIcon.backBtn._y = 550;
rootIcon.progress._y = 550;
rootIcon.contButton._visible = false;

[cid:image012.png at 01CCA534.28913870]

- We added a banner (any logo wider than 200 pixels is placed in the upper left corner like a banner), so if you create a semi transparent png of 800x68, you can get some interesting effects!
- Make sure you have the file mentioned in the loadIcon in the media folder!!

- Check the results by double clicking the top left icon and pressing play to preview

[cid:image013.png at 01CCA534.28913870]

- Now save and leave Xerte.

It is VERY important NOT to add ANY pages, because these will end in the template!!!

Than:
- copy template.rlt back over <webroot>/modules/xerte/parent_templates/Nottingham/Nottingham.rlt
- copy any media file into <webroot>/modules/xerte/parent/Nottingham/media

That should do the trick!

Regards,

Tom

Op 17-11-2011 12:37, Davidson, Andrew schreef:

Hi Jose - did you get anywhere with how to change the 'skin'? This is where I need to go and so any hints would be welcome.

Best

Andy

-----Original Message-----

From: xerte-bounces at lists.nottingham.ac.uk<mailto:xerte-bounces at lists.nottingham.ac.uk> [mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Jose Diaz

Sent: 17 November 2011 01:36

To: XERTE XERTE

Subject: [Xerte] Customizing XOT Projects

Hi everyone and thanks in advance.

We're trying to customize "the look" of scorm packages built from XOT.

We want to change how learning objects are shown: change logo, move buttons (forward, backward, etc.) to the bottom of the screen, hide all dropdown lists at the bottom of the screen, etc.

We're take a look to "XMLEngine.fla" file, but we're not sure if we're in the right path. When we open the "XMLEngine.fla" with Adobe Flash, it shows a grayed rectangle with a lot of code. We just want to "drag and drop" elements of the screen to new positions.

Attached to this message, we send an image of an example how much we want to change the "skin" of the learning objects.

Any "step-by-step" guide to change this "look"?

After changing the "look", we want to translate to spanish the XOT ... but this is another history.

Thanks a lot again.

José.

--

Lic. José Gregorio Díaz Unda.

Asesor de Tecnologías de Información y Comunicación.

Tel.: 58.0412.5518085

Skype: xt4mhz

Web: www.usb.ve<http://www.usb.ve> - jgdu.blogspot.comThis message and any attachment are intended solely for the addressee and may contain confidential information. If you have received this message in error, please send it back to me, and immediately delete it.   Please do not use, copy or disclose the information contained in this message or in any attachment.  Any views or opinions expressed by the author of this email do not necessarily reflect the views of the University of Nottingham.

This message has been checked for viruses but the contents of an attachment may still contain software viruses which could damage your computer system:

you are advised to perform your own checks. Email communications with the University of Nottingham may be monitored as permitted by UK legislation.

_______________________________________________

Xerte mailing list

Xerte at lists.nottingham.ac.uk<mailto:Xerte at lists.nottingham.ac.uk>

http://lists.nottingham.ac.uk/mailman/listinfo/xerte

--

--

Tom Reijnders

TOR Informatica

Chopinlaan 27

5242HM Rosmalen

Tel: 073 5226191

Fax: 073 5226196

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image001.png
Type: image/png
Size: 14896 bytes
Desc: image001.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0014.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image002.png
Type: image/png
Size: 20261 bytes
Desc: image002.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0015.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image003.png
Type: image/png
Size: 15965 bytes
Desc: image003.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0016.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image004.png
Type: image/png
Size: 36645 bytes
Desc: image004.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0017.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image005.png
Type: image/png
Size: 32099 bytes
Desc: image005.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0018.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image006.png
Type: image/png
Size: 12404 bytes
Desc: image006.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0019.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image007.png
Type: image/png
Size: 16468 bytes
Desc: image007.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0020.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image008.png
Type: image/png
Size: 21000 bytes
Desc: image008.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0021.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image009.png
Type: image/png
Size: 2410 bytes
Desc: image009.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0022.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image010.png
Type: image/png
Size: 41897 bytes
Desc: image010.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0023.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image011.png
Type: image/png
Size: 42478 bytes
Desc: image011.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0024.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image012.png
Type: image/png
Size: 42941 bytes
Desc: image012.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0025.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image013.png
Type: image/png
Size: 24453 bytes
Desc: image013.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0026.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image014.png
Type: image/png
Size: 20251 bytes
Desc: image014.png
URL: <http://lists.nottingham.ac.uk/pipermail/xerte/attachments/20111117/2e8d368e/attachment-0027.png>