Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    kiyote
    @kiyote
    But I have some ideas.
    Mladen Macanović
    @stsrki
    I can try to figure something regarding the themeing. But that will probably take a long time.
    Its on a long term list
    kiyote
    @kiyote
    No worries, I'm pretty sure I can override :root{} in my own local css, that should work
    xAragornx
    @xAragornx
    Just FYI - Modals, dropdowns, and charts are not working on your online demo of Blazorise RC.
    Mladen Macanović
    @stsrki
    @xAragornx must be that something is missing on the server. On my dev PC it's working. tnx
    Mladen Macanović
    @stsrki
    it seems there is any issue with the jsRuntime when prerendering. aspnet/AspNetCore#8786
    BarnyardTech
    @BarnyardTech
    image.png
    image.png
    I just went through your getting started page and I'm trying to implement your basic Line Chart. but I'm seeing both of the following at runtime.
    My app is razor components
    Mladen Macanović
    @stsrki
    @BarnyardTech Did you do this step? https://github.com/stsrki/Blazorise#razor-components
    Can you show me your index.cshtml code?
    BarnyardTech
    @BarnyardTech

    '''@page "{*clientPath}"
    <!DOCTYPE html>

    <html>

    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>dgMetrics</title>
    <base href="~/" />

    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />
    <link href="css/kendo-themes/default/dist/all.css" rel="stylesheet" type="text/css" />
    <link href="css/kendo-themes/material/dist/all.css" rel="stylesheet" type="text/css" />
    <link href="css/kendo-themes/bootstrap/dist/all.css" rel="stylesheet" type="text/css" />
    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous" />
    
    <link href="css/blazorise/blazorise.css" rel="stylesheet" />
    <link href="css/blazorise/blazorise.bootstrap.css" rel="stylesheet" />
    <link href="css/blazorise/blazorise.sidebar.css" rel="stylesheet" />
    <link href="css/blazorise/blazorise.snackbar.css" rel="stylesheet" />
    
    <script src="blazorise.js"></script>
    <script src="blazorise.bootstrap.js"></script>
    <script src="blazorise.charts.js"></script>
    <script src="blazorise.sidebar.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
    
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

    </head>

    <body>
    <app>@(await Html.RenderComponentAsync<App>())</app>

    <script src="_framework/components.server.js"></script>

    </body>
    </html>
    '''

    sorry about the formatting
    Mladen Macanović
    @stsrki
    np
    so I guess you have also downloaded bundle.zip into your wwwroot right?
    BarnyardTech
    @BarnyardTech
    I copied the files into css/blazorise folder
    Mladen Macanović
    @stsrki
    I see that js files are in the root folder
    also you have two bootstrap css versions, just fyi
    BarnyardTech
    @BarnyardTech
    ahh let me check
    image.png
    That did the trick. One other issue is that I lose my left nav (as exists when creating a new razor components app). All my left nav aptions are missing.
    I'm not an experienced developer so my questions are noobie
    Mladen Macanović
    @stsrki
    you mean the default sidebar created by the Razor Component project template?
    BarnyardTech
    @BarnyardTech
    yes
    I just dropped your line chart into a page in that default framework
    Mladen Macanović
    @stsrki
    I think you should place the site.css to be the last one
    BarnyardTech
    @BarnyardTech
    Let me try
    Perfect. I'm up an running. I look forward to playing around with Blazorise.
    Mladen Macanović
    @stsrki
    Glad I could help :)
    BarnyardTech
    @BarnyardTech
    Now I'm at home and trying to use Blazorise on another project. This time I get a build error: Error CS0029 Cannot implicitly convert type 'Microsoft.AspNetCore.Components.ElementRef' to 'Blazorise.Charts.LineChart<double>' Any ideas on this one?
    BarnyardTech
    @BarnyardTech
    Never mind. I figured it out.
    kiyote
    @kiyote
    @BarnyardTech Don't be afraid of client-side either. Blazorise works great for that scenario too. I'm loving Blazorise, takes a lot of the pain out of getting a good looking and functional page together.
    BarnyardTech
    @BarnyardTech
    Thanks @kiyote . I'm starting with server side because it is further along and it meets my needs well enough for now. I'm intrigued with Ed Charbeneaux's demo of the dual-mode and might play around with that too. Regarding Blazorise... I haven't used it before but like you said, I'm hoping it will speed me up on nice looking UI.
    Brett
    @brettwinters
    Question: i want to wrap the Blazorise Modal in a component along with data access etc. How to do this in Blazor? would I then expose a ref so i can load it from the parent?
    Mladen Macanović
    @stsrki
    @brettwinters Have a look at this answer. I think it could be similar to your problem.
    You can also try to handle modal by using the ref attribute, that should also work.
    Brett
    @brettwinters
    perfect! thanks @stsrki
    Brett
    @brettwinters
    hi @stsrki - Have you implemented the BS transitions / animations on the Collapse? It seems to expand/collapse instantly so I'm not sure if this is by design. How to slow things down a little?
    Mladen Macanović
    @stsrki
    @brettwinters It's little difficult to implement it because natively Bootstrap is using jquery to do the animation and I'm only switching the active class name on the collapse component. The other problem is that collapse content must have a defined Height so that animation could work. You can google around for some css so that animation will work for your own project.
    Brett
    @brettwinters
    ok, thanks @stsrki - I'll look into that. Another question. I want to implement a drawer (like a collapse on the vertical axis) but without the predefined styling of the sidebar. Any tips for that?
    Mladen Macanović
    @stsrki
    @brettwinters I think you should still be able to use collapse with a predefined width and then combine it with custom animation css. I would like to be of more help but I'm not that good with css.
    Brett
    @brettwinters
    ok, thanks for the tip. No, problem - I'm very grateful for your work on Blazorise!
    Ricardo
    @ricardoromaobr
    I'm looking the code, maybe I can help in some thing. Whats means HasCustomRegistration in the components?
    Mladen Macanović
    @stsrki
    @ricardoromaobr HasCustomRegistration checks if there is a replacement or custom implementation of that same component. For example Button will render just button element. But maybe Bulma CSS or some other provider must also render div around button. In that case the custom component implementation will be rendered instead.
    Ricardo
    @ricardoromaobr
    Great! And each provider Blazorize.Bootstrap, Bulma, Frolic and Material, provide a IClassProvider implementation and register each component at componentMapper.
    ?
    Mladen Macanović
    @stsrki
    Yes every provider must implement IClassProvider. But not every component needs custom implementation. Only the ones that have some specific structure. Most of the times they're all the same except for classnames or style settings.
    IVData
    @IVData
    Hey there. I'm wondering how with a blazorise linechart I can set the y-axis to begin at 0? It just starts near the lowest value in the chart.
    Closest thing I could find was setting AxeTicks.BeginAtZero to true but that didnt work