font-awesome-4.7.0 Character symbol not be shown as expected once using stipple, stippleUI ?

[Shum88]

Describe the bug A clear and concise description of what the bug is.

Error stacktrace If any error is thrown, please copy from the REPL and paste it here

To reproduce Steps to reproduce the behavior and/or Julia code executed.

Expected behavior A clear and concise description of what you expected to happen.

Additional context Please include the output of julia> versioninfo() and pkg> st

[Shum88]

layouts app.jl.html: --------------------------

adding in this file:

link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css

`

`

Controller TestsController: ------------------------

`module TestsController using Genie, Genie.Renderer.Html, Stipple sPage = ""

Base.@kwdef mutable struct Name <: ReactiveModel name::R{String} = "World!" end

function ui() model = Stipple.init(Name()) page( vm(model), class="container", [ h1([ "Hello " span("", @text(:name)) ])

  p([ """ <span ><i class="fa fa-user fa-2x" aria-hidden="true"></i></span>&nbsp; """ ])

  p([
    "What is your name? "
    input("", placeholder="Type your name", @bind(:name))
  ])
]

) end

function index() global sPage = ui() html(:tests, :index, oCtrl=TestsController ) end

end`

View file: index.jl.html ------------------------

$(oCtrl.sPage)

[Shum88]

julia> versioninfo() Julia Version 1.6.2 Commit 1b93d53fc4 (2021-07-14 15:36 UTC) Platform Info: OS: Windows (x86_64-w64-mingw32) CPU: Intel(R) Core(TM) i7-6600U CPU @ 2.60GHz WORD_SIZE: 64 LIBM: libopenlibm LLVM: libLLVM-11.0.1 (ORCJIT, skylake)

(@v1.6) pkg> st Status C:\Users\wcshu\.julia\environments\v1.6\Project.toml [336ed68f] CSV v0.8.5 [aaaa29a8] Clustering v0.14.2 [a93c6f00] DataFrames v1.2.2 [5789e2e9] FileIO v1.11.0 [c43c736e] Genie v3.0.1 https://github.com/GenieFramework/Genie.jl.git#master [e115e502] GenieAuthentication v1.0.1 https://github.com/GenieFramework/GenieAuthentication.jl.git#master [af3f74f6] GenieAuthorisation v1.2.1 https://github.com/GenieFramework/GenieAuthorisation.jl.git#master [cd3eb016] HTTP v0.9.13 [572a640e] MQTT v0.1.0 https://github.com/iblis17/MQTT.jl#ib/jl07 [6fe1bfb0] OffsetArrays v1.10.5 [ce6b1742] RDatasets v0.7.5 [295af30f] Revise v3.1.19 [340e8cb6] SearchLight v1.0.2 [1297d576] SearchLightMySQL v1.0.0 [4acbeb90] Stipple v0.14.0 [30ddb3f0] StippleCharts v0.12.0 [a3c5d34a] StippleUI v0.8.1 [b22a6f82] FFMPEG_jll v4.4.0+0 [ade2ca70] Dates

(@v1.6) pkg>

[Shum88]

font-awesome-4.7.0 is downloaded and put into public of the MVC Genie app framework

[Shum88]

If page() function change to dashboard() also not working inside Controller ---

`module TestsController using Genie, Genie.Renderer.Html, Stipple, StippleUI sPage = ""

Base.@kwdef mutable struct Name <: ReactiveModel name::R{String} = "World!" end

function ui() model = Stipple.init(Name()) dashboard( vm(model), class="container", [ h1([ "Hello " span("", @text(:name)) ])

p([ """   """ ])

p([ "What is your name? " input("", placeholder="Type your name", @bind(:name)) ]) ] ) end

[Shum88]

some coding cannot be display normally here ...due to html code ??

[essenciary]

Thanks - I don't fully understand.

Can you please include a screenshot of what you're getting - and what would you expect to get?

[Shum88]

Hi Adrain,

Since I donot know upload image to github, I attached the Zip Genie sample to you this mail ... with current screen dump and expected one ...

Shum

---

寄件者: Adrian Salceanu @.> 寄件日期: 2021年9月1日 4:06 收件者: GenieFramework/Genie.jl @.> 副本: Shum @.>; Author @.> 主旨: Re: [GenieFramework/Genie.jl] font-awesome-4.7.0 Character symbol not be shown as expected once using stipple, stippleUI ? (#404)

Thanks - I don't fully understand.

Can you please include a screenshot of what you're getting - and what would you expect to get?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://github.com/GenieFramework/Genie.jl/issues/404#issuecomment-909582857, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AA5SN7JS7I6HOBWMTZJKH7LT7UY4VANCNFSM5DEXW5KA. Triage notifications on the go with GitHub Mobile for iOShttps://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Androidhttps://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

[essenciary]

Hey Shum,

Nothing got attached.

To add an image here you just need to drag and drop it over this comment field.