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

Fay Cross Fay.Cross at nottingham.ac.uk
Wed Nov 26 10:45:26 GMT 2014


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] 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
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20141126/94bedf5e/attachment.html>


More information about the Xerte-dev mailing list