GithubHelp home page GithubHelp logo

morasiu / blazortimeline Goto Github PK

View Code? Open in Web Editor NEW
66.0 5.0 12.0 1.69 MB

Responsive, vertical timeline component.

License: MIT License

C# 44.79% HTML 29.24% CSS 25.96%
timeline-component blazor csharp css-magic nuget css

blazortimeline's Introduction

Hey 👋, This is Hubert Morawski

Gmail Badge Linkedin Badge Github Badge Portfolio Badge

C# passionate who loves making bugs and removing features... Wait a second...

Some of my Github Stats

Morasiu

Github stats

blazortimeline's People

Contributors

dzordzomen avatar linkdotnet avatar morasiu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

blazortimeline's Issues

dotnet publish won't work with this package

I have a problem using this package with dotnet publish. I got the error C:\Program Files\dotnet" exited with code 1. That's it. When I remove the package everything is working fine.

Possibility to change SVG of the icon in dot

image

Probably in some parameter with cascading parameters to apply to all dots.

<Timeline
   ... Other paramters
    Icon="path/to/svg.icon">
<TimelineItem
   ... Other paramters
    Icon="path/to/svg.icon">

Multiple Onject in cicle foreach

if RelListaProfessionistaAnnata.count is 0 previus object Timeline reset data


@foreach (var item in RelListaProfessionistaAnnata)
{


@item.Descrizione

@if (item.DescrizioneEN.Length > 3)
{

@item.DescrizioneEN

}
@if (item.DescrizioneFR.Length > 3)
{

@item.DescrizioneFR

}

<button type="button" @OnClick="@(() => NavigateToUrlAsync("https://ipfs.veritasnft.info/ipfs/" + item.IPFSDocumentData, true))" class="btn btn-primary me-3">@localizarGen["Vis"]


}

CSS Conflicts with bootstrap

Hi, I found an issues while I was using your module.
To summarize your TimelineItem.razor.css overrides bootstrap's css witch occurs a change of the button aspect with the class name "btn" (they turn into purple the same color than the button we can use on the TimelineItem).

Timeline style not working with MudBlazor

I find your package very interesting but getting stuck to have styles applied to my Items.

I can find that, styles not applying and also, the position not working.

<Timeline
    Title="Historique"
    TitleBgColor="#554DE0"
    TitleColor="#FFFFFF"
    TextColor="#F3F3F3"
    TextBgColor="#212121"
    ItemPositionOption="@ItemPositionOption.Manual">

    @if (_isLoaded)
    {
        @if (_timelineItems.Count() >= 0)
        {
            @foreach (var item in _timelineItems)
            {
                <TimelineItem Title="Entrée" Time="@item.DateEvenement.ToString("D")"
                              Position="@(_timelineItems.IndexOf(item) % 2 == 0 ? ItemPosition.Left : ItemPosition.Right)">

                    <p>@item.details</p>
                </TimelineItem>
            }
        }
    }
</Timeline>

What have I done wrong ?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.