Skip to main content

wolfram cloud - Creating forms with FormFunction with additional elements before input fields


I am trying to construct a simple form that comprises two essential parts. The first part, that comes before input fields is a question containing text (several paragraphs), matrix and so on. The second part is the form with radio buttons to select the right answer.


The second part is simple to do with the following (or similar code, here is only a simple example)


FormFunction[
 FormObject[<|
   "x" -> <|
     "Interpreter" -> {"A" -> 1, "B" -> 2},
     "Control" -> RadioButtonBar,
     "Label" -> "Select answer"

     |>|>], ,
AppearanceRules -> <|  |>
]

The problem is that when deployed to Wolfram Cloud the above code generates a page that starts with input fields. The only way to put something before the input fields (here radio buttons) is to use


AppearanceRules -> <|
"Title"-> "Some title",
"Description" -> "Here some description"
|>


The title will be on the very top of the page and description below but before the input fields. There are two problems.



  1. AppearanceRules seems to be completely ignored if FormObject[] is used.

  2. I need Description to contain a couple of paragraphs of text and some simple other elements (like a table).


Questions:



  1. Can anyone confirm the first problem (I am using Mathematica 11.1 but this is cloud related so shouldn't matter)?

  2. What can be passed to Description? In particular, using ExportForm with PNG format I can create an image with text that is properly displayed but this seems like an overkill.

  3. What would be an optimal way to construct such a form? I feel that using FormFunction[] here is like overloading the intended purpose of the function.



Thanks for all help.


Edit.


As suggested by @b3m2a1 (thanks) I tried this.


FormFunction[
 {Style["Wow", "Title"],
  "This is a different character",
  "x" -> <|"Interpreter" -> {"A" -> 1, "B" -> 2},
    "Control" -> RadioButtonBar,
    "Label" -> "Select choice"|>},

 Identity,
 PageTheme -> "Blue"
 ]

This works producing the following form.


Form 1 (works)


However, when I add some other characters like in the following code (note the specific characters).


FormFunction[
 {Style["Wow", "Title"],
  "This is a different character śćńąśżź",

  "x" -> <|"Interpreter" -> {"A" -> 1, "B" -> 2},
    "Control" -> RadioButtonBar,
    "Label" -> "Select choice"|>},
 Identity,
 PageTheme -> "Blue"
 ]

I get the following results (fail).


enter image description here


There is obviously something wrong. The difference between the first working form and the second not working one are only the specific characters.



One thing that is not obvious to me is how can I add a mathematics as an element of description. In more general terms, suppose I want to add the following cell.


Cell[TextData[{
    "This is ",
    StyleBox["another",
      FontWeight -> "Bold"],
    " text. This is some mathematical notation ",
    Cell[BoxData[
       FormBox[
         RowBox[{
            RowBox[{"F", "(", "x", ")"}], "=", 

            RowBox[{
               SubsuperscriptBox["\[Integral]", 
                 RowBox[{"-", "\[Infinity]"}], "x"], 
               RowBox[{
                  RowBox[{"f", "(", "\[Tau]", ")"}], 
                  RowBox[{"\[DifferentialD]", "\[Tau]"}]}]}]}], 
      TraditionalForm]],
      FormatType -> "TraditionalForm"],
    ". "
   }], "Text"]


The capability of adding such elements solves my problem completely.



Answer



Give this a try:


fo =
  FormFunction[{
    Style["Woopdoop", "Title"],
    "ü",
    EmbeddedHTML["à"],
    "whee" -> <|

      "Interpreter" ->
       {"asd" -> 1, "asdasd" -> 2},
      "Control" -> RadioButtonBar
      |>
    },
   Null
   ];

ws = Quiet@HTTPHandling`StartWebServer[fo];
"http://localhost:7000" // SystemOpen



HTML


Some unicode characters clearly cause issues. We can get around this by exporting to XML first:


fo =
  FormFunction[{Style["Wow", "Title"],
    ExportString[
     XMLElement["p",
      {},
      {"This is a different character śćńąśżź"}],

     "XML"
     ],
    "x" -> <|"Interpreter" -> {"A" -> 1, "B" -> 2}, 
      "Control" -> RadioButtonBar, "Label" -> "Select choice"|>}, 
   Identity, PageTheme -> "Blue"];
ws = Quiet@HTTPHandling`StartWebServer[fo];
"http://localhost:7000" // SystemOpen

Math


As for math, you can use MathML pretty easily, as it has native support:



fo =
  FormFunction[{Style["Wow", "Title"],
    ExportString[
     XMLElement["p",
      {},
      {"This is a different character śćńąśżź"}],
     "XML"
     ],
    ExportString[
     Unevaluated[Integrate[a, {v, 0, Pi}]],

     "MathML"
     ],
    "x" -> <|"Interpreter" -> {"A" -> 1, "B" -> 2}, 
      "Control" -> RadioButtonBar, "Label" -> "Select choice"|>}, 
   Identity, PageTheme -> "Blue"];
ws = Quiet@HTTPHandling`StartWebServer[fo];
"http://localhost:7000" // SystemOpen

but I'm not gonna deny that's super ugly. On the other hand, any format a browser can read will work, so you can write something in XML and just export it.


Styled HTML



And we can also use this to add arbitrary styling. But we have to handle the fact that the basic XMLElement[_,{___, "style"->styleString, ___}, ___] method will fail. This implements correct element-specific style exports:


cssStyleBuild[rules_] :=
  StringRiffle[
   Replace[rules,
    (Rule | RuleDelayed)[k_, v_] :>
     (ToString[k] <> ":" <> ToString[v]),
    1
    ],
   "; "
   ];

styledXMLExport[xml_, styleRules_] :=
 With[{
   holdTokens =
    AssociationMap[
     CreateUUID,
     Keys[styleRules]
     ],
   styles =
    Association@
     Map[

      #[[1]] -> cssStyleBuild[#[[2]]] &,
      styleRules
      ]
   },
  StringReplace[
   ExportString[
    xml //.
     KeyValueMap[
      XMLElement[#, r_?(! KeyMemberQ[#, "style"] &), e_] :>
        XMLElement[#, Append[r, "style" -> #2], e] &,

      holdTokens
      ],
    "XML"
    ],
   KeyValueMap[
    "'" <> #2 <> "'" -> "\"" <> styles[#] <> "\"" &,
    holdTokens
    ]
   ]
  ]


And then we'll apply that here:


$styles =
  {
   "p" -> {
     "color" -> "blue"
     }
   };
fo =
  FormFunction[{Style["Wow", "Title"],

    styledXMLExport[
     XMLElement["p", {}, {"asdasd"}],
     $styles
     ],
    "x" -> <|"Interpreter" -> {"A" -> 1, "B" -> 2}, 
      "Control" -> RadioButtonBar, "Label" -> "Select choice"|>}, 
   Identity, PageTheme -> "Blue"];
ws = Quiet@HTTPHandling`StartWebServer[fo];
"http://localhost:7000" // SystemOpen


Now you can use styled arbitrary HTML in your text blocks.


Comments

Post a Comment

Popular posts from this blog

front end - keyboard shortcut to invoke Insert new matrix

I frequently need to type in some matrices, and the menu command Insert > Table/Matrix > New... allows matrices with lines drawn between columns and rows, which is very helpful. I would like to make a keyboard shortcut for it, but cannot find the relevant frontend token command (4209405) for it. Since the FullForm[] and InputForm[] of matrices with lines drawn between rows and columns is the same as those without lines, it's hard to do this via 3rd party system-wide text expanders (e.g. autohotkey or atext on mac). How does one assign a keyboard shortcut for the menu item Insert > Table/Matrix > New... , preferably using only mathematica? Thanks! Answer In the MenuSetup.tr (for linux located in the $InstallationDirectory/SystemFiles/FrontEnd/TextResources/X/ directory), I changed the line MenuItem["&New...", "CreateGridBoxDialog"] to read MenuItem["&New...", "CreateGridBoxDialog", MenuKey["m", Modifiers-...
Post a Comment
Read more

How to thread a list

I have data in format data = {{a1, a2}, {b1, b2}, {c1, c2}, {d1, d2}} Tableform: I want to thread it to : tdata = {{{a1, b1}, {a2, b2}}, {{a1, c1}, {a2, c2}}, {{a1, d1}, {a2, d2}}} Tableform: And I would like to do better then pseudofunction[n_] := Transpose[{data2[[1]], data2[[n]]}]; SetAttributes[pseudofunction, Listable]; Range[2, 4] // pseudofunction Here is my benchmark data, where data3 is normal sample of real data. data3 = Drop[ExcelWorkBook[[Column1 ;; Column4]], None, 1]; data2 = {a #, b #, c #, d #} & /@ Range[1, 10^5]; data = RandomReal[{0, 1}, {10^6, 4}]; Here is my benchmark code kptnw[list_] := Transpose[{Table[First@#, {Length@# - 1}], Rest@#}, {3, 1, 2}] &@list kptnw2[list_] := Transpose[{ConstantArray[First@#, Length@# - 1], Rest@#}, {3, 1, 2}] &@list OleksandrR[list_] := Flatten[Outer[List, List@First[list], Rest[list], 1], {{2}, {1, 4}}] paradox2[list_] := Partition[Riffle[list[[1]], #], 2] & /@ Drop[list, 1] RM[list_] := FoldList[Transpose[{First@li...
Post a Comment
Read more

functions - Get leading series expansion term?

Given a function f[x] , I would like to have a function leadingSeries that returns just the leading term in the series around x=0 . For example: leadingSeries[(1/x + 2)/(4 + 1/x^2 + x)] x and leadingSeries[(1/x + 2 + (1 - 1/x^3)/4)/(4 + x)] -(1/(16 x^3)) Is there such a function in Mathematica? Or maybe one can implement it efficiently? EDIT I finally went with the following implementation, based on Carl Woll 's answer: lds[ex_,x_]:=( (ex/.x->(x+O[x]^2))/.SeriesData[U_,Z_,L_List,Mi_,Ma_,De_]:>SeriesData[U,Z,{L[[1]]},Mi,Mi+1,De]//Quiet//Normal) The advantage is, that this one also properly works with functions whose leading term is a constant: lds[Exp[x],x] 1 Answer Update 1 Updated to eliminate SeriesData and to not return additional terms Perhaps you could use: leadingSeries[expr_, x_] := Normal[expr /. x->(x+O[x]^2) /. a_List :> Take[a, 1]] Then for your examples: leadingSeries[(1/x + 2)/(4 + 1/x^2 + x), x] leadingSeries[Exp[x], x] leadingSeries[(1/x + 2 + (1 - 1/x...
Post a Comment
Read more