stsrki/Blazorise

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

xbary

@xbary

@stsrki https://drive.google.com/file/d/12Mlrs7I8g0-WQgZGlgRk-nGG6S8MZvH8/view

@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

my host.html https://pastebin.com/YNp4UTMm

xbary

@xbary

mój .razor https://pastebin.com/eKiNWwPY

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?

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="content px-4">
    @Body
</div>

</div>

it works fine anyway

jorth3

@jorth3

@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?

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.

Where communities thrive

People

Repo info

Activity