Giter Site home page Giter Site logo

liquidtechnologies / blazor-modal-dialog Goto Github PK

View Code? Open in Web Editor NEW
45.0 45.0 6.0 494 KB

Allows Blazor components to be used as popup modal dialogs, arguments can be passed to dialogs and results returned. Logical flow is maintained using async functions. Also provides simple set of MessageBox to get basic user feedback.

License: MIT License

C# 75.22% HTML 21.82% CSS 2.65% JavaScript 0.31%

blazor-modal-dialog's People

Contributors

liquidtechnologies avatar sprotty 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

blazor-modal-dialog's Issues

Namespaces need fixing

The samples' namespaces don't match the main project's namespaces. It's a great project and will do better if users can get a build without faffing.

Nested modal dialogs

Hi,

Since a long time, I tried to find a solution lile yours and because I haven’t been able to, I decided to create my solution. I work great but unfortunately failed when modal dialogs are nested. Indeed, when 2nd dialog is closed by the user, the 1st one is redrawn and its parameters arr reset to their initial values.

What I would like to know before using your solution is : « did your solution manage this matter correctly ? » (I saw you use a CascadeParameter attribute, it’s probably for this but not sure).

Thanks in advance

ps : You really do a great job 👍

using statement wrong in the readme file

I tried to integrate this project into my Blazor WebAssembly (client version).

#1 In the readme, chapter 1. Register Services: it is told to add the following using statement:

using LiquidTechnologies.Blazor.ModalDialog;

But it doesn't work. Should have been:

using Blazor.ModalDialog;

image

When I check the project properties I can see the Default namespace.

image

#2 In the readme, chapter 2. Add Imports:

@using LiquidTechnologies.Blazor.ModalDialog

@using LiquidTechnologies.Blazor.ModalDialog.Services

Should have been:

@using Blazor.ModalDialog

Otherwise I got erros:

image

Thanks for your feedback.

Anyway great work !

Add support for Message Box Icons

Hi!
Great Job!
Can you, please, implement Message Box Icons like WinForm MessageBox?

  /// <summary>Specifies constants defining which information to display.</summary>
    public enum MessageBoxIcon
    {
        /// <summary>The message box contains no symbols.</summary>
        None = 0,
        /// <summary>The message box contains a symbol consisting of white X in a circle with a red background.</summary>
        Error = 16, // iconic: circle-x
        /// <summary>The message box contains a symbol consisting of a white X in a circle with a red background.</summary>
        Hand = 16, // iconic: circle-x
        /// <summary>The message box contains a symbol consisting of white X in a circle with a red background.</summary>
        Stop = 16, // iconic: circle-x
        /// <summary>The message box contains a symbol consisting of a question mark in a circle. The question mark message icon is no longer recommended because it does not clearly represent a specific type of message and because the phrasing of a message as a question could apply to any message type. In addition, users can confuse the question mark symbol with a help information symbol. Therefore, do not use this question mark symbol in your message boxes. The system continues to support its inclusion only for backward compatibility.</summary>
        Question = 32, // iconic:  circle + question-mark
        /// <summary>The message box contains a symbol consisting of an exclamation point in a triangle with a yellow background.</summary>
        Exclamation = 48, //iconic: warning
        /// <summary>The message box contains a symbol consisting of an exclamation point in a triangle with a yellow background.</summary>
        Warning = 48, //iconic: warning
        /// <summary>The message box contains a symbol consisting of a lowercase letter i in a circle.</summary>
        Asterisk = 64, //iconic: circle +info
        /// <summary>The message box contains a symbol consisting of a lowercase letter i in a circle.</summary>
        Information = 64, //iconic: circle +info
    }

Thank you!

Modal using whole screen?

Hi,
I find this package extremely useful & well designed, I use it a lot in our projects!
I have one question / feature request: When you use the modal dialog on small screens, there are many situations, where you need more space. So how could I make a modal dialog use the whole screen and reduce unneccessary spacing? This would be a very practical extension in my view.

Best regards,
Frank

Question about ButtonText

Hi!
First, many thanks for your great project!
One question:
I would like to change the button text (Yes,No...)
I see in your source code that you using resource files.
Wouldnt it be nice to configure the texts in ModalDialogOptions?
If you agree i would change that and make a pull request.

Regards Michael

Localizations

Thank you very much for the great job you did.
Is it posable to localize the buttons text, because i want to use it in arabic/english application.
Thank you very much.

Exception when clicking closing button 2 times

Hi!

If to click closing button (Yes, Close...) too fast few times (say, double click), it throws an exception InvalidOperationException (Stack is empty) where Pop() method is called:

ModalDialogModel closingDialogWindow = _dialogs.Pop();

See here:
https://docs.microsoft.com/en-us/dotnet/api/system.collections.generic.stack-1.pop?view=net-6.0

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.