FCKEditor + xxforms:dialog + refresh page

Following your advices to not use several FCKEditor with the relevant options, I have been working on doing the same but with xxforms:dialog.

First of all, I have updated FCKEditor from 2.4.2 (default in OPS) to 2.4.3 and it works much better! The upgrade is very simple : I just opened ops-resources-public.jar with 7zip and copy-paste the new files! I would encourage you all to do the same.

Here is part of my code :

<xxforms:dialog level="modal" close="true" id="addNews" class="addNews">
   <xforms:label>Add News</xforms:label>
   <xforms:group ref="instance('news-template')/item">         
     <div class="addNewsInput" style="width:800px">
       <xforms:input ref="subject">
  <xforms:label class="news-label">Subject: </xforms:label>
       </xforms:input>
       <br /> 
       <xforms:textarea mediatype="text/html" ref="content">
         <xforms:label class="news-label">Content</xforms:label>
       </xforms:textarea> 
       <br />
       
       <xforms:trigger id="addNewsCloseTrigger">
         <xforms:label>Cancel</xforms:label>
         <xforms:action ev:event="DOMActivate">
           <xxforms:hide dialog="addNews" />
         </xforms:action>
       </xforms:trigger>
       
       <xforms:trigger id="addNewsSaveTrigger">
         <xforms:label>Save</xforms:label>       
         <xforms:action ev:event="DOMActivate">
           <xforms:insert context="instance('news-instance')" nodeset="item" at="1" position="before" origin="instance('news-template')/*" />
    <xforms:send submission="save-submission" />
           <xforms:setvalue ref="subject" value="''" />
    <xforms:setvalue ref="content" value="''" />
           <xxforms:hide dialog="addNews" />
         </xforms:action>
       </xforms:trigger>
     </div>
   </xforms:group>
</xxforms:dialog>
 
<xxforms:dialog level="modal" close="true" id="editNews" class="editNews">
  <xforms:label>Edit News</xforms:label>
  <xforms:group ref="instance('news-instance')/item[index('item-repeat')]">
    <div class="editNewsInput">
      <xforms:input ref="subject">
        <xforms:label class="news-label">Subject: </xforms:label>
      </xforms:input>
      <br />
      <xforms:textarea mediatype="text/html" ref="content">
        <xforms:label class="news-label">Content</xforms:label>
      </xforms:textarea> 
      <br />
     
      <xforms:trigger id="editNewsCloseTrigger">
         <xforms:label>Cancel</xforms:label>
         <xforms:action ev:event="DOMActivate">
           <xforms:send submission="list-submission" />
           <xxforms:hide dialog="editNews" />
        </xforms:action>
      </xforms:trigger>
     
      <xforms:trigger id="editNewsSaveTrigger">
         <xforms:label>Save</xforms:label>       
         <xforms:action ev:event="DOMActivate">
            <xforms:send submission="save-submission" />
            <xxforms:hide dialog="editNews" />
         </xforms:action>
       </xforms:trigger>
     </div>
    </xforms:group>
  </xxforms:dialog>

  <xforms:group class="addNews" ref="instance('news-template') ">
    <xforms:trigger appearance="minimal" ref=".">
       <xforms:label>
         
       </xforms:label>
       <xforms:action ev:event="DOMActivate">
           <xxforms:show dialog="addNews"/>
           <xforms:setfocus control="addNewsSaveTrigger"/> 
       </xforms:action>
     </xforms:trigger>
   </xforms:group>
                                         
   <xforms:group class="viewNews" ref="instance('news-instance') ">
     <xforms:repeat nodeset="item" id="item-repeat">
        <p class="news-p">
  <strong><xforms:output ref="subject" /> - </strong><xforms:output ref="date" /> / <xforms:output ref="contributors" />
           <xforms:trigger appearance="minimal">
   <xforms:label>
               
   </xforms:label>
             <xforms:action ev:event="DOMActivate">
               <xforms:delete context="instance('news-instance')" nodeset="item" at="index('item-repeat')" />
               <xforms:send submission="save-submission" />
     </xforms:action>
  </xforms:trigger>
           
           <xforms:trigger appearance="minimal" ref=".">
              <xforms:label>
     
              </xforms:label>
              <xforms:action ev:event="DOMActivate">
                 <xxforms:show dialog="editNews"/>
                 <xforms:setfocus control="editNewsCloseTrigger"/> 
              </xforms:action>
            </xforms:trigger>
           
             <hr />
   
             <xforms:output <b>appearance="xxforms:html" ref="content" />
           </p>
         </xforms:repeat>
      </xforms:group>

1) I would appreciate if you could tell me if my code is well done ... or if I'm doing some stupid things :)!
2) Let's say I have 3 news. I will have 4 <hr /> on my client. I believe I read somewhere that node-repeat does one more node than in reality. Is this true? How could I remove the blank news (but the hr is seen) ? Can somebody point me where I might have read this in the documentation (I can't find it again)
3) Maybe this is an OPS bug : When I edit a news, a dialog will popup with my FCKEditor in it. All the data is there, and I modify my news. Then I press on save. Let's say I had just to work "test" and when I edited it, I wanted to put it in bold. Well when the dialog closes, I see the html data :

<p style="font-weight:bold;">test</p> even though I put appearance="xxforms:html" in my output. If I refresh my page, then the word test is correctly showed in bold. How come the page is not refresh correctly? What can I do about it? (Check attached image)
4) I cannot find out how to remove the yellow background for the selected news (check attached image). What css code should I put ?

Thanks for your help !

Seeing that nobody could/would answer me, I have done some changements to you can see by yourself in the sandbox.

Sorry, for the layout, but the point is that you can see my problems  :

1) How can we remove the yellow in the background  (selected item)?
2) Try to insert a news : when accepting and closing the dialog, the news is showed but with all the html tags! Now you cannot see this with the sandbox examples, but when I refresh the page, everything is output correctly! Is there per example a way to refresh the page once the trigger save is pressed in the dialog ?

news.xhtml

Thanks for your help !

Hi,

1) There are lot of posts here in mailing list on this issue. You just
need to search the archives. There is a CSS, that needs to be changed.
2) FCKEditor returns escaped HTML, so you should use @mediatype
attribute on your xforms:output element. Here's the doc -
http://www.orbeon.com/ops/doc/reference-xforms-2#output-mediatype

Jurgis

StephR wrote: --
Jurģis Lukss
SIA "Mikrokods"
mob. 26458439



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

Steph,

> Seeing that nobody could/would answer me, I have done some  
> changements to you
> can see by yourself in the sandbox.
>
> Sorry, for the layout, but the point is that you can see my  
> problems  :
>
> 1) How can we remove the yellow in the background  (selected item)?

For this one, add something like this to your CSS definitions:

   .xforms-repeat-selected-item-1 { background-color: transparent }
   .xforms-repeat-selected-item-2 { background-color: transparent }
   .xforms-repeat-selected-item-3 { background-color: transparent }
   .xforms-repeat-selected-item-4 { background-color: transparent }

-Erik

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

Yeah I know... but it will not work because I presume that orbeon.css crushes my css file :(

Erik Bruchez a écrit :

Steph,

Seeing that nobody could/would answer me, I have done some changements to you
can see by yourself in the sandbox.

Sorry, for the layout, but the point is that you can see my problems  :

1) How can we remove the yellow in the background  (selected item)?

For this one, add something like this to your CSS definitions:

  .xforms-repeat-selected-item-1 { background-color: transparent }
  .xforms-repeat-selected-item-2 { background-color: transparent }
  .xforms-repeat-selected-item-3 { background-color: transparent }
  .xforms-repeat-selected-item-4 { background-color: transparent }

-Erik

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/

--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

Hi Jurgis,

1) I did check them and didn't find the information I needed :(! I don't want to change the css that is in the libraries, because they might be updated with future releases. I would like to have the possibility to do so in my own css file.
2) Thanks! I was using appearance="xxforms:html" and it was working when the page was refreshed, but not after. Strange. Now it's perfect :)

Steph

Jurģis Lukss a écrit :

Hi,

1) There are lot of posts here in mailing list on this issue. You just need to search the archives. There is a CSS, that needs to be changed.
2) FCKEditor returns escaped HTML, so you should use @mediatype attribute on your xforms:output element. Here's the doc - http://www.orbeon.com/ops/doc/reference-xforms-2#output-mediatype

Jurgis

StephR wrote:

Seeing that nobody could/would answer me, I have done some changements to you
can see by yourself in the sandbox.

Sorry, for the layout, but the point is that you can see my problems  :

1) How can we remove the yellow in the background  (selected item)?
2) Try to insert a news : when accepting and closing the dialog, the news is
showed but with all the html tags! Now you cannot see this with the sandbox
examples, but when I refresh the page, everything is output correctly! Is
there per example a way to refresh the page once the trigger save is pressed
in the dialog ?

http://www.nabble.com/file/p13877262/news.xhtml news.xhtml
Thanks for your help !
 

--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

Well you really need to get rid of orbeon.css ;-) There has to be a  
simple explanation.

-Erik

On Nov 21, 2007, at 2:08 PM, Stephane Ruchet wrote:
--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

xforms-widgets.css seems to be added after any css files added into individual pages. The orbeon.css proceeds the css files that I have added and also proceeds in-line styles added in the bookcast examples. Maybe the styles that are wiping out your css styles are in that file since it is the last to load.

George Adams

Erik Bruchez <[hidden email]> Sent by: Erik Bruchez <[hidden email]> 11/21/07 04:24 PM Please respond to [hidden email]

To [hidden email] cc Subject Re: [ops-users] FCKEditor + xxforms:dialog + refresh page

Well you really need to get rid of orbeon.css ;-) There has to be a  
simple explanation.

-Erik

On Nov 21, 2007, at 2:08 PM, Stephane Ruchet wrote:

> Yeah I know... but it will not work because I presume that  
> orbeon.css crushes my css file :(
>
> Erik Bruchez a écrit :
>>
>> Steph,
>>
>>> Seeing that nobody could/would answer me, I have done some  
>>> changements to you
>>> can see by yourself in the sandbox.
>>>
>>> Sorry, for the layout, but the point is that you can see my  
>>> problems  :
>>>
>>> 1) How can we remove the yellow in the background  (selected item)?
>>
>> For this one, add something like this to your CSS definitions:
>>
>>   .xforms-repeat-selected-item-1 { background-color: transparent }
>>   .xforms-repeat-selected-item-2 { background-color: transparent }
>>   .xforms-repeat-selected-item-3 { background-color: transparent }
>>   .xforms-repeat-selected-item-4 { background-color: transparent }
>>
>> -Erik
>>
>> --
>> Orbeon Forms - Web Forms for the Enterprise Done the Right Way
>> http://www.orbeon.com/
>>
>
> --
> You receive this message as a subscriber of the [hidden email]  
> mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

George,

It also depends how the CSS rules are written. Some CSS rules may  
override existing rules independently from loading order. In fact, the  
most specific rules will apply when there are multiple possibilities.  
E.g.:

<a class="my-anchor">

a.my-anchor { font-size: 10pt }
a { font-size: 20pt }

AFAIK, the first rule will win in this case, whatever the order the  
two rules appear (notwithstanding bugs in web browsers).

-Erik

On Nov 21, 2007, at 2:52 PM, [hidden email] wrote:
--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

Steph,

Some more answers:

> 1) I would appreciate if you could tell me if my code is well  
> done ... or if
> I'm doing some stupid things :)!

Just glancing quickly at it, it seems fine.

> 2) Let's say I have 3 news. I will have 4 <hr /> on my client. I  
> believe I
> read somewhere that node-repeat does one more node than in reality.  
> Is this
> true? How could I remove the blank news (but the hr is seen) ? Can  
> somebody
> point me where I might have read this in the documentation (I can't  
> find it
> again)

xforms:repeat will repeat the exact number of iterations specified.

Back in the old days of the first edition of XForms 1.0, you needed  
that trick of using the last repeated data as a template. But this is  
no longer needed as you can use the XForms 1.1 @context and @origin  
attributes. You should use @mediatype="text/html", not appearance="xxforms:html".

-Erik

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws

Thanks Erik for your response!

Steph



Erik Bruchez a écrit :

Steph,

Some more answers:

1) I would appreciate if you could tell me if my code is well done ... or if
I'm doing some stupid things :)!

Just glancing quickly at it, it seems fine.

2) Let's say I have 3 news. I will have 4 <hr /> on my client. I believe I
read somewhere that node-repeat does one more node than in reality. Is this
true? How could I remove the blank news (but the hr is seen) ? Can somebody
point me where I might have read this in the documentation (I can't find it
again)

xforms:repeat will repeat the exact number of iterations specified.

Back in the old days of the first edition of XForms 1.0, you needed that trick of using the last repeated data as a template. But this is no longer needed as you can use the XForms 1.1 @context and @origin attributes.

3) Maybe this is an OPS bug : When I edit a news, a dialog will popup with
my FCKEditor in it. All the data is there, and I modify my news. Then I
press on save. Let's say I had just to work "test" and when I edited it, I
wanted to put it in bold. Well when the dialog closes, I see the html data :

<p style="font-weight:bold;">test</p> even though I put
appearance="xxforms:html" in my output. If I refresh my page, then the word
test is correctly showed in bold. How come the page is not refresh
correctly? What can I do about it? (Check attached image)

You should use @mediatype="text/html", not appearance="xxforms:html".

-Erik

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/

--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws