[Xerte-dev] Re: Custom layout for questions?

Smith, Bradley brsmith at akamai.com
Wed Nov 26 20:43:12 GMT 2014


Yeah, I figured that out, but was hoping no one else would notice the mistake. :P

Thanks the help, though! :)
-Brad

From: Fay Cross <Fay.Cross at nottingham.ac.uk<mailto:Fay.Cross at nottingham.ac.uk>>
Reply-To: For Xerte technical developers <xerte-dev at lists.nottingham.ac.uk<mailto:xerte-dev at lists.nottingham.ac.uk>>
Date: Wednesday, November 26, 2014 at 5:45 AM
To: For Xerte technical developers <xerte-dev at lists.nottingham.ac.uk<mailto:xerte-dev at lists.nottingham.ac.uk>>
Subject: [Xerte-dev] Re: Custom layout for questions?

Question is the element's id so if you use # it works...

h3#question {
  font-weight: normal;
}


From: xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 25 November 2014 09:26
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Custom layout for questions?

A custom interface is a legacy from the old flash runtime, where you could use a swf as a custom interface: that swf could then call the navigation methods in the main engine.

I'm not so close to the html5 runtime, Fay will give you a better answer tomorrow: try overriding with !important in css?

Otherwise extend the code in the template to handle an optional property for layout?

J

From:xerte-dev-bounces at lists.nottingham.ac.uk<mailto:xerte-dev-bounces at lists.nottingham.ac.uk> [mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Smith, Bradley
Sent: 24 November 2014 23:15
To: For Xerte technical developers
Subject: [Xerte-dev] Custom layout for questions?

Hello all,

Not sure if this is better send to xerte or xerte-dev, but I'll try the latter first.

Personally, I'm not a fan of the two-column sort of layout that Xerte seems to prefer for questions. Often, both my questions and answers may include unix commands, screen shots, and other things that take up a lot of horizontal space. What I would like to have is a "vertical" layout that just shows the instruction/prompt (when you only have one question, I'm unclear why you would distinguish between these  anyway), followed by the answer options, each taking up 100% of the page's width.

The closest I've gotten to this is to set the Panel Width setting to "full", and put the instruction and prompt text both in the Prompt box . However, the prompt is rendered as an H3 tag, so the whole question appears bolded. This causes problems with text-heavy questions where I need more variety in the formatting.

I noticed an option to include a custom stylesheet with a learning object, so I uploaded one with:

h3.question {
  font-weight: normal;
}

When I load the preview, my browser's dev tools show that the stylesheet is loaded by something, but there is no change to the formatting of the question.

So my question is: what's the best way to do what I want here? I see there's also an option to upload a "custom interface", but that only seems to be available at the the learning object level (as opposed to a specific component like a question), and I haven't seen any docs that explain exactly how to make one anyway.

Suggestions?
-Brad


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-dev/attachments/20141126/71577afb/attachment.html>


More information about the Xerte-dev mailing list