Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Jakob Reesalu
    @jensengbg-jakob-reesalu
    <Modal @ref="MailDialog" Closing="@OnModalClosing">
    here's how I do ref to the modal, correct ya?
    internal Modal MailDialog { get; set; }
    then in code-behind
    not working: MailDialog.ClearAll()
    Mladen Macanović
    @stsrki
    it's
    <Validations @ref="validationsRef">
      <Modal>
        // etc
      </Modal>
    </Validations>
    Jakob Reesalu
    @jensengbg-jakob-reesalu
    oh on the validations!
    gotcha
    Jakob Reesalu
    @jensengbg-jakob-reesalu
    @stsrki Hm... it works in as much as it's removing the green validation, however, when the subject field is empty it should by default have ValidationStatus.Error but it's ValidationStatus.None with the .ClearAll()
    Maybe this is not possible then?
    Jakob Reesalu
    @jensengbg-jakob-reesalu
    Tried making a ref to the particular <Validation> and manually set status to Error, this works if nothing was entered into the Subject field, but if there was input it will come back with status None.
    !!!!!!!!!!
    Nailed it with .Validate() for the Validation's ref
    SubjectValidation.Validate()
    Thanks for being my "rubber duck", if you understand the reference xD
    @stsrki hello it's me again. you can look at the video because the component label has some strange behavior. When you move the page, some parts of it overlap the top beam, and should it be underneath?
    Mladen Macanović
    @stsrki
    @xbary What version you use?
    xbary
    @xbary
    I am using the last version, but I also noticed this before
    net5.0 and blazor server side
    xbary
    @xbary
    I suspect CSS and the shit, something went wrong
    Mladen Macanović
    @stsrki
    @xbary Why do you mix multiple diferent frameworks? <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" /> and <link href="_content/Blazorise.Material/blazorise.material.css" rel="stylesheet" />
    and also you have <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
    No way it is going to play well mixing all that. That is your main problem
    xbary
    @xbary
    @stsrki so there is a problem, I don't know much about the web developer and I suspect that when I combined these charts, I maneuvered everything to make it work. . .
    Mladen Macanović
    @stsrki
    Yes, I understand. It's just that since you combine all those frameworks, they can all have different CSS styles. And also different z-index for buttons, menus, navigation etc. That is why some parts of your UI goes over the top bar
    xbary
    @xbary
    @stsrki I've already found the culprit with an overlapping <check> on the top bar. I added style = "z-index: -1;" to <div> and now it hides nicely. I was browsing CSS elements in the browser and found such an instance of z-index: 1 which caused <check> to overlap.
    xbary
    @xbary
    shit, it doesn't quite work as expected It hides under the bar, but the control is completely mouse-resistant, as if it had disabled = true
    jorth3
    @jorth3
    Is there any way to hide/remove the icon on the selectlist control? I have a selectlist control that is a single char wide (user can select 1,2,3,or4) and the icon is in the way for this narrow control.
    Mladen Macanović
    @stsrki
    @jorth3 Do you mean this?
    image.png
    I think the browser controls it
    Maybe it can be controlled with changing the CSS for "Shadow DOM ". Not sure really
    Try
    .custom-select{
     background: none;
    }
    xbary
    @xbary
    I have already addressed the z-index
    in components, I do not change the style, I change it to

    @inherits LayoutComponentBase

    <div class="sidebar">
    <NavMenu />
    </div>

    <div class="main">

    <div class="top-row px-4" style="z-index:2;">
    <LoginDisplay />
    </div>

    <div class="content px-4">
        @Body
    </div>

    </div>

    it works fine anyway
    jorth3
    @jorth3
    image.png
    @stsrki The background: none didn't work. Yes, the icon in your image is the one I'm talking about. Here's what mine looks
    jorth3
    @jorth3
    @stsrki Actually the background:none worked. I edited the wrong SelectList at first so thought it wasn't working. Thanks!
    Mladen Macanović
    @stsrki
    👍
    Stefan Ossendorf
    @StefanOssendorf
    Good morning everyone. Is it known that the file-upload component triggers it Changed event twice?
    grafik.png
    That are my logging statements within my Changed-handler. And I am only selecting one file to upload.
    Mladen Macanović
    @stsrki
    @StefanOssendorf Yes, it is expected. The first time it is triggered when you select the file. Second time it is triggered when file is reset to null(after upload is finished)
    Stefan Ossendorf
    @StefanOssendorf
    Ah okay
    Mladen Macanović
    @stsrki
    Think of it as any other input. You write something, change occurs, you clear it, change occurs. Same here.