backpanejs not showing xform labels/controls
c_langanke
I am trying to use backplanejs (backplanejs-0-8-0-yui-2.8.0.zip) for
using XForms without the Mozilla XForms Plugin, as the backpanejs
project homepage says it should be possible.
After including backplane.js and backplane.css with the respective
statements within my xhtml file containing a simple xform, the xforms
controls and their labels are not shown in FF (however the stylesheet
is used, as static text of the page is not displayed in the default
font.
Within IE8 a blank page is displayed when loading the HTML file
containing the XForm.
What am I doing wrong ?
TIA Christian
netlabs.org
Mark Birbeck
Sorry you're having problems, but hopefully we can get you working on
/something/.
You are right that there is a problem with IE, which we're looking
into. But I can't see any problems with other browsers, so if you want
to get started you could follow these steps:
1. Download the 0.8.0 zip file from the download page.
2. Unpack, and then change directory into the newly created
'backplanejs-0-8-0-yui-2.8.0' directory.
3. Download the form attached to issue #104:
<http://code.google.com/p/backplanejs/issues/detail?id=104>
4. Edit the file so that the references to backplane.js and
backplane.css are in the current directory:
<script src="backplane.js" type="text/javascript">/**/</script>
<link rel="stylesheet" href="assets/backplane.css"></link>
5. Save and then load the file into the (non-IE) browser of your choice.
6. You should see a red band behind the input control at the bottom of
the form, running the full width of the display.
7. Type into the input control the sequence 'p20qa3l' (the last
character is a lower-case el, and not the digit one) and press return.
You should see that:
(a) lower-case letters are converted to upper-case;
(b) the red band disappears (because the string is a member of the
list above the control).
These steps have been verified on a Mac with Chrome, Safari and FF
3.6.8, and on Windows XP with Chrome, Safari and FF 3.5.4.
As you've observed, IE 6, 7 and 8 all fail.
Hopefully you can kick the tyres a little in one of the other browsers
whilst we look at the IE problem.
Mark
> --
> You received this message because you are subscribed to the Google Groups "backplanejs" group.
> To post to this group, send email to backp...@googlegroups.com.
> To unsubscribe from this group, send email to backplanejs...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/backplanejs?hl=en.
>
>
c_langanke
thanx very much for the quick input, that keeps up motivation :-)
Testing the form showed me the problem - I have to admit that I caused
it myself. For usage with the Mozilla XForms plugin I had to name the
files .xhtml. After disabling the plugin for testing backplanejs, I
didn't name it .html again, without being aware of the difference.
Only by testing your form, named .html, brought me to that idea. Well,
better late than never.
So your validation test form works fine here, BTW the extend feature
looks interesting :-)
And my own form finally shows up here as well, you can review it from
http://www.clanganke.de/test/backplanejs/backplanejs.html (using
backplanejs)
http://www.clanganke.de/test/backplanejs/backplanejs.xhtml (for usage
with Mozilla XForms plugin)
For the the backplane sample the library resides in the subdirectory
lib.
The following works with Mozilla XForms, but does not with backplane
for now:
- the view shows the update of the model when something is typed into
the entryfields
- the submit sends the data to index.php
Are that know issues or is something wrong with my form ?
I also found that your sample expresses CSS differently to the code
understood by XForms Mozilla Plugin.
Your sample - not working with XForms Mozilla Plugin:
<style type="text/css">
xf\:input xf\:label { font-weight: bold; color: #0000FF;}
xf\:submit xf\:label { font-weight: bold; color: #00BB00;}
</style>
XForms mozilla Plugin Sample - not working with backplanejs:
<style type="text/css">
@namespace xf url("http://www.w3.org/2002/xforms");
xf|input xf|label { font-weight: bold; color: #0000FF;}
xf|submit xf|label { font-weight: bold; color: #00BB00;}
</style>
Since I am not experienced with CSS very much, I don't understand the
exact difference in the syntax. I wonder however if that means that a
given form can only work with one of the two extensions.
---
BTW I really have problems typing the project name ;-) (hence the
subject of the post) I mostly spell it backpane or blackpane ... will
get used to it, I'd bet
TIA Christian
netlabs.org