Back to Questions
1.6k
views5
comments
Validation icon doesn't render
websharper

Hello,

I'm new to Websharper and might be missing something obvious, but using the latest version together with VS 2012, creating a single page application template and defining a minimalistic formlet, I get no validation icon (validation frames do not render either).

The code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

namespace SinglePage

open IntelliFactory.WebSharper
open IntelliFactory.WebSharper.Html
open IntelliFactory.WebSharper.Formlet

[<JavaScript>]
module Client =

    let Main =
        
        let form =
            Controls.Input ""
            |> Validator.IsNotEmpty "field required"
            |> Enhance.WithTextLabel "Field"
            |> Enhance.WithValidationIcon
            |> Enhance.WithSubmitAndResetButtons
            |> Formlet.Run (fun _ -> JavaScript.Alert("Validated !"))
            
        form.AppendTo "entrypoint"

Thank you.

.

Enhance the formlet with a form container and the icons will show up.

By on 10/16/2014 9:58 PM ()

I followed your advice and I now have the submit button correctly synchronized with the validation state, can even see the error message when I hover the mouse where the icon should be, but still no icon. Thought it might be a browser glitch and switched from IE10 to Firefox but no luck.

By on 10/17/2014 1:37 AM ()

(edited - as I misunderstood the question...)

If you are using the "Single-Page Application" template (as of the latest VSIX, or the "Bundle Application" previously) - then you just found a bug: the way we deal with embedded resources is broken ATM, because it doesn't account for embedded resources like images - it only deals with extracting the JS and CSS artifacts.

I just filed this issue into the WebSharper tracker here.

If you are using another template (say, an "HTML Application" or "Client-Server Application"), things should work OK. If you are testing on Azure or a remote deployment, make sure to have the ~/Content folder deployed as well. You may have to mark this as "to-be-copied" if you are deploying directly from VS. This is the folder that holds generated/embedded artifacts, such as the icons in question.

By on 10/17/2014 6:51 AM ()

Thank you, it indeed works with the client server application template.

By on 10/17/2014 7:21 AM ()

I am not deploying the single page application, but just executing locally by following the instructions on how to run websharper samples i.e. opening index.html in a browser (or ctrl-F5 with the same results).

By on 10/17/2014 7:18 AM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper