Customization MessageDlg

[artem_niko]

Hello!

I'm having some questions about MessageDlg:

1. How change text in hint of button (red round)?

2. How make rounded corners of MessageDlg (see second screen)?

3. How make rounded corners in buttons in MessageDlg?

About question №2.

In my CSS I write:

/*MessageDlg*/
.x-box-inner
{
	color: none; /*цвет шрифта в сообщении*/
	border-radius: 10px 10px 10px 10px;
}

But, corners rounded not form with message, rounded corners in shadow:

[Sherzod]

7 hours ago, artem_niko said:

3. How make rounded corners in buttons in MessageDlg?

Just add this to CustomCSS:

#messagebox-1001 .x-btn {
  border-radius: 10px;
}

 

[artem_niko]

4 minutes ago, Sherzod said:

Just add this to CustomCSS:

#messagebox-1001 .x-btn {
  border-radius: 10px;
}

 

Perfect, working!

What about this:

2. How make rounded corners of MessageDlg (see second screen)?

 

[Sherzod]

7 hours ago, artem_niko said:

2. How make rounded corners of MessageDlg (see second screen)?

#messagebox-1001 {
  border-radius: 10px;
}
.x-css-shadow {
  display: none;
}

 

[artem_niko]

1 minute ago, Sherzod said:

#messagebox-1001 {
  border-radius: 10px;
}
.x-css-shadow {
  display: none;
}

 

No no.

This is code remove shadow.

Shadow let's still.

Question №2 about rounded corners in MessageDlg.

Is it possible change?

[Sherzod]

8 minutes ago, artem_niko said:

No no.

This is code remove shadow.

Shadow let's still.

?

[artem_niko]

26 minutes ago, Sherzod said:

?

I'm so sorry, this is my mistake. You code is right.

Last question: how to apply and change font color in title and self title?

How this make with form - I know, but, how this make in MessageDlg - no.

[Sherzod]

16 minutes ago, artem_niko said:

Last question: how to apply and change font color in title and self title?

Try this, if I understand correctly:

#messagebox-1001 .x-title-text {
  color: green;
}

#messagebox-1001-msg {
  color: orange;
}

 

[artem_niko]

2 minutes ago, Sherzod said:

#messagebox-1001-msg {
  color: orange;
}

Hmmm...this code change font of color all text in MessageDlg, but not color of title.

3 minutes ago, Sherzod said:

#messagebox-1001 .x-title-text {
  color: green;
}

This is change color of text in title.

Thus, still last question: how change color in title (no text)?

[Sherzod]

3 minutes ago, artem_niko said:

how change color in title (no text)?

Screenshot?

[artem_niko]

1 minute ago, Sherzod said:

Screenshot?

[Sherzod]

10 minutes ago, Sherzod said:

#messagebox-1001 .x-title-text {
  color: green;
}

Try with !important then.

[artem_niko]

3 minutes ago, Sherzod said:

Try with !important then.

So I have no questions to the text in the title.
The text in the title changes perfectly.
I am interested in the color of the title itself and the white background. 
I just need to make these changes so that everything is in the same style by colors.

[artem_niko]

@Sherzod, where do you get these properties of elements in general?
Maybe there is some table where it says that this is responsible for the buttons, this is for the background color, etc.?

[artem_niko]

I'm writing like this:

#messagebox-1001 .x-title {
  background-color: #fff !important;
}

But this is getting the wrong one effect:

[Sherzod]

I don't know what settings you have...

Works for me.

#messagebox-1001 .x-title-text {
  color: green;
}

[Sherzod]

[artem_niko]

4 minutes ago, Sherzod said:

I don't know what settings you have...

Works for me.

#messagebox-1001 .x-title-text {
  color: green;
}

@Sherzod, let's leave the color of the text in the title alone
I'm saying that the color of the text itself changes perfectly, it works. I'm talking now about changing the color of the title itself, look at the screenshot:

On this screenshot what I want:

[Sherzod]

Background-color?

[artem_niko]

1 minute ago, Sherzod said:

Background-color?

Yes, background-color of title and background-color of body

[Sherzod]

#messagebox-1001_header {
  background-color: white;
  border: none;
}

#messagebox-1001 {
  border: none;
}

 

[artem_niko]

10 minutes ago, Sherzod said:

#messagebox-1001_header {
  background-color: white;
  border: none;
}

#messagebox-1001 {
  border: none;
}

 

Thankss, at now moment it's working!

[Sherzod]

22 hours ago, artem_niko said:

1. How change text in hint of button (red round)?

Were you able to find a solution?