[Xerte] Re: Customizing XOT Projects

Thu Nov 17 15:14:01 GMT 2011

:-) Couldn't resist...

http://space.lcm.ac.uk/xerte/play_123

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

Tom, excellent stuff!

Gents, I'd stay away from editing the engine .fla.

That way lies dragons...

Dave

  _____  

Date: Thu, 17 Nov 2011 15:15:09 +0100
From: reijnders at tor.nl
To: xerte at lists.nottingham.ac.uk
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:

- Choose a new directory and open the new project

- Press play to say the current layout

- 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

- Quit the Wizard (by clicking the X)

- First.... colours...:
You can change the colours by setting optional properties such as
titleBarColour 

- You can check what you did by double clicking the First Icon

- and than press Play

- 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

- Click on Script

- 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)

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;

- 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

- 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] 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 - 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
http://lists.nottingham.ac.uk/mailman/listinfo/xerte

-- 
--

Tom Reijnders
TOR Informatica
Chopinlaan 27
5242HM Rosmalen
Tel: 073 5226191
Fax: 073 5226196

_______________________________________________ Xerte mailing list
Xerte at lists.nottingham.ac.uk
http://lists.nottingham.ac.uk/mailman/listinfo/xerte This 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.

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