Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    John Bomhold
    @jbomhold3
    BlazorStrap5 is nearly complete major design style changes. All I have left to do is forms and finish up the docs. Docs are taking forever because i'm including all examples from bootstraps docs and making sure they are outputting the same way
    John Bomhold
    @jbomhold3
    V5 Moved into main repo. When the package is up Target
    <PackageReference Include="BlazorStrap" Version="5.*.*" /> for Bootstrap 5
    <PackageReference Include="BlazorStrap" Version="1.*.*" /> for Bootstrap 4
    Master branch will always target the least version and V1x will target the legacy Bootstrap 4 version
    I have some things to debug but all major code is complete. The docs are still sucking the life out of me
    https://blazorstrap.io/ has been split into V1 and V5 you can preview V5 there
    John Bomhold
    @jbomhold3
    Announcing: BlazorStrap 5-Preview1 https://www.nuget.org/packages/BlazorStrap/5.0.0-Preview-1
    V5 is a redesign of the original version. V5 targets Bootstrap 5. We are officially targeting DotNet 6. However, 5.0 is building just untested. Docs can be found at https://blazorstrap.io/V5/ .
    Aware of the rendered message in the console from Accordions its been removed. But Nuget..
    John Bomhold
    @jbomhold3
    John Bomhold
    @jbomhold3

    BlazorStrap V5

    https://www.nuget.org/packages/BlazorStrap/5.0.0

    Official release is out. While I have tested this release more times then I care to admit. I have zero issues doing a quick servicing release if anything major is found. Most templates should just work when you replace the html with the correct component.

    Custom elements like custom navbars will require some extra love to make function correctly. For example
    <div class="custom-navbar"> became <BSNavbar NoNavbarClass="true" Class="navbar-custom" Expand="Size.Large"> to make function the same way as the original.

    John Bomhold
    @jbomhold3
    That same navbar used poppers for dropdowns when expanded and the native dropdown classes from bootstrap when mobile. So that became
    <BSCollapse IsInNavbar="true" OnShown="OnShown" OnHide="OnHide" OnHidden="OnHide" NoAnimations="true">
    ............
    <BSDropdown IsNavPopper="IsExpanded" Placement="Placement.BottomStart" AllowItemClick="@(!IsExpanded)">
    @code {
        private bool IsExpanded { get; set; } = true;
    
        private void OnShown()
        {
            IsExpanded = false;
        }
    
        private void OnHide()
        {
            IsExpanded = true;
        }
    JulianDev
    @JulianDev24_gitlab

    Hello,

    Are the extensions maintained and is there documentation for ?
    If so where can I find it?

    Abhishek vh
    @abhisheekvh
    Hi all,
    I am new to blazorStrap... can anyone tell me what is the difference between bootstrap and blazorStrap...
    JulianDev
    @JulianDev24_gitlab

    I am new to blazorStrap... can anyone tell me what is the difference between bootstrap and blazorStrap...

    The main thing why i am using it, is because i dont have to write HTML...
    U just stack up the components :)

    John Bomhold
    @jbomhold3
    @JulianDev24_gitlab what version are you attempting to use the extensions for
    @abhisheekvh BlazorStrap is a stateful version of bootstrap for blazor. With helper components to making producing bootstrap style websites quicker. While there is nothing stopping you from doing bootstrap and the bootstrap.js in blazor its stateless so your going to loss state if your component rerenders.
    JulianDev
    @JulianDev24_gitlab

    @JulianDev24_gitlab what version are you attempting to use the extensions for

    Im using this Version here :)
    Version: 5.0.103

    John Bomhold
    @jbomhold3
    I haven't ported them for Bootstrap 5 yet. Is there a specific one your trying to use?
    JulianDev
    @JulianDev24_gitlab

    I haven't ported them for Bootstrap 5 yet. Is there a specific one your trying to use?

    Ah okay :)
    I need them for the Bootstrap 5 Version...
    And i need to know how to use them :D
    Added documentation would be nice

    John Bomhold
    @jbomhold3
    as they get moved over the docs will be updated. Some are going to end up total rewrites. That's why i'm wondering what ones your wanting to use
    JulianDev
    @JulianDev24_gitlab

    as they get moved over the docs will be updated. Some are going to end up total rewrites. That's why i'm wondering what ones your wanting to use

    I wanted to use BSDataTable

    Philipp B. Koch
    @philipp-koch
    Hi everyone. I've just started checking BlazorStrap out, and it seems really fantastic! Thanks to all contributors that invest time and effort to make this, and for making it available to everyone!
    BTW - I noticed there seems to be a small mistake on the Getting Started page (https://blazorstrap.io/V5/): The second headline should read "Blazor Server-side" or similar, I Guess; right now it repeats the first headline ("Blazor WebAssembly"), but the description is that for a hosted Blazor project, if I'm not mistaken.
    Philipp B. Koch
    @philipp-koch
    (I'm using V5.) There's a typo in the Container Enum: Right now, it says Container.ExrtaLarge when it should be Container.ExtraLarge :-)
    John Bomhold
    @jbomhold3
    Hi philipp welcome to the project. Will take a look at the things you brought up and get them fixed.
    JulianDev
    @JulianDev24_gitlab
    Any news on the BSDataTable?
    John Bomhold
    @jbomhold3
    No the data table is something I wanted to do the most changes to and get it rolled into the core package.
    JulianDev
    @JulianDev24_gitlab

    No the data table is something I wanted to do the most changes to and get it rolled into the core package.

    All right then, I remain curious, is there already an approximate release date and can one help in any way ? :D

    John Bomhold
    @jbomhold3
    I'm actively working on the data table right now as I want to roll that extension into the core. I don't want to give a hard date on it because this isn't my primary job. However, it's close to being complete. I do want to temper peoples expectations on the other extensions. These are not core components and were never meant to be they may or may not be updated. Anyone is more then welcome to send a PR for the tree view, the FluentValidation should just work as is however as it does not depend on the core project at all.
    ghardy00143
    @ghardy00143
    I know v1 might be more of a legacy version, but is it supposed to be compatible with dotnet 6? My current plan was to keep Bootstrap 4, and upgrade to dotnet 6, but I started to get some index out of range exceptions for my tabs after the upgrade. Maybe the v6 aspnetcore components are not compatible with v1 Blazorstrap tabs anymore?
    ghardy00143
    @ghardy00143
    Specifically, it happens when there is a ShownEvent on the BSTabGroup, and the error is thrown on the line 80 of the BSTabGroup Component. Seems as if just changing my ShownEvent to a ShowEvent method fixes the issue for me. But some may require it to be ShownEvent
    John Bomhold
    @jbomhold3
    It should work whats the exact error your getting? Index out of bounds?
    John Bomhold
    @jbomhold3
    Also give me a day or two once i get the error details. I will look into it and get a fix and release out.
    ghardy00143
    @ghardy00143
    Here's the stack trace:
    Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index') System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index') at System.Collections.Generic.List1[[Microsoft.AspNetCore.Components.EventCallback1[[BlazorStrap.BSTabEvent, BlazorStrap, Version=1.5.1.0, Culture=neutral, PublicKeyToken=null]], Microsoft.AspNetCore.Components, Version=6.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60]].RemoveAt(Int32 index) at BlazorStrap.BSTabGroup.OnAfterRenderAsync(Boolean firstrun) at Microsoft.AspNetCore.Components.ComponentBase.Microsoft.AspNetCore.Components.IHandleAfterRender.OnAfterRenderAsync() at Microsoft.AspNetCore.Components.Rendering.ComponentState.NotifyRenderCompletedAsync()
    The error occurs if I switch from the middle tab to the others. If I go from tabs first to last, or last to first, then there is no error. Only from the middle tab to others (only have 3 tabs currently). If it helps, my show/shown method is something simple, just keeps the tab name selected on the appstate level. But maybe it is affecting something else.
    private void TabShown(BSTabEvent e) { if (e.Activated != null) { this.AppState.SelectedTab = e.Activated?.Name; } }
    If you need any other information on it, let me know. Happy to help
    John Bomhold
    @jbomhold3
    @ghardy00143 Added .net6 to the package. However, I could not reproduce the issue your having. Even on the older build using both WASM and server side. Still give https://www.nuget.org/packages/BlazorStrap/1.5.102-Preview2 a try. If that does not solve the issue please post an example project on our github issues
    John Bomhold
    @jbomhold3
    @JulianDev24_gitlab https://www.nuget.org/packages/BlazorStrap/5.0.105-Preview1 / https://blazorstrap.io/V5/content/tables data table has been added preview build because I had to make a few changes to other components
    ghardy00143
    @ghardy00143
    Still getting the issue when I move to the version 1.5.102-Preview2. It all seems to work fine if I use ShowEvent instead of ShownEvent. I will see if I can recreate then submit a ticket, but it might be something in the contents of the one tab causing the issue. I will try to recreate it for the issues page.
    JulianDev
    @JulianDev24

    @JulianDev24_gitlab https://www.nuget.org/packages/BlazorStrap/5.0.105-Preview1 / https://blazorstrap.io/V5/content/tables data table has been added preview build because I had to make a few changes to other components

    That looks great ...
    I think the Method for the DataSet might be a little bit to complex for newer Developers.
    It works with Reflections but its not the Best ways i think :D

    John Bomhold
    @jbomhold3
    The example is showing dynamic loading from a fake dataset. Standard loaded dataset would be far simpler to look at. And what that could look like with api is simply
    return= await Http.GetFromJsonAsync<Employee[]>($"http://fake.com/getEmployees?orderby={sortColumn}&desc={desc}page={page}&filterColumn={filterColumn}&q={filter}");
    John Bomhold
    @jbomhold3
    in fact your welcome to submit a PR the method allows the most flexibility for devs in my opinion. However, I have never been one to assume I have all the answers
    JulianDev
    @JulianDev24

    The example is showing dynamic loading from a fake dataset. Standard loaded dataset would be far simpler to look at. And what that could look like with api is simply
    return= await Http.GetFromJsonAsync<Employee[]>($"http://fake.com/getEmployees?orderby={sortColumn}&desc={desc}page={page}&filterColumn={filterColumn}&q={filter}");

    but then u have unlimited api requests if u dont use a cache in front of it...
    So a simpler Method is needed..
    I will thinker over one if i have more time :D

    John Bomhold
    @jbomhold3

    I am looking forward to seeing what you come up with. I will expand/explain my thought process a little bit here. So there is a better understanding of the overall objective.

    I provided a dumbed-down example of calling an API. You could easily cache calls in the method. Yes, some work is going to be required by the end programmer. Also, to be clear, it's not invoking the method each time it draws. API calls in the example would only happen on sort, filter, page change. The design goal is to empower them with total control over how the data comes in without assuming anything.

    What I don't want is for the user to have to do is hook Sort, Page, Filter events. Then have to reference BSDataTable to call a refresh on each event.

    JulianDev
    @JulianDev24
    But i think there is a way to create the DataSet Method in the backend and just use Component Parameter for Options, like the Sortable Value.
    Tricky
    @Trickyyy
    hey
    Quick question
    I'm unable to change the position of BSModal
    or even the background color
    John Bomhold
    @jbomhold3
    V1 or V5?
    @Trickyyy
    John Bomhold
    @jbomhold3
    Also an example of what your trying to do would be good.