I have inherited a radSpinEditor.
All my controls are 21px in height with the Fluent theme.
The bottom part (border) of the control is not shown correctly.
Attached is the rendering
Here is what was generated in the designer :
13 Answers, 1 is accepted
The inner TextBoxItem has a default margin which should be removed in this case. In addition, you can set the bottom border width, and a little smaller font:
I hope this will be useful. Let me know if you have additional questions.
Thanks Dimitar, it worked.
But now I have a different visual problem : I need the text to be aligned vertically just as the RadDropDownList beside.
I prefer modifying the IntegerTextBox and not all the RadDropDownList used (we didn't inherit it so must modifiy all the instances that I don't want toif possible).
Since all editors in the fluent theme are 24 pixels high by default, you must have applied some changes to DropDownList as well. Could you please send me the changes that you have made to the DropDownList. This way I will be able to reproduce the exact case on my side.
In general, you should try setting the top margin, but if its too much the bottom border can be hidden again:
I am looking forward to your reply.
Hi, this is my wrapper, but can't find the underlying elements to shrink the control to be squared.
Look at joined file. The backcolor of the button goes too much at the bottom and there is also a line (between white rectangle and the button).
Here is the the .designer part of an implemantation:
I have investigated this and it is caused by an issue in our implementation. I have logged this issue on our Feedback Portal. You can track its progress, subscribe to status changes and add your comment to it here. I have also updated your Telerik Points.
To workaround, this set the MaxSize of the following element:
In addition, you need to leave the AutoSize property to true. You can remove the code that sets the autocomplete mode as well. It would not take effect when the DropDownStyle is set to DropDownList.
Should you have any other questions do not hesitate to ask.
I tried your workaround and didn't work. There is only 2 children so .Children throws a null exception.
I tried putting this in the constructor after the InitializeComponent(); call.
Where should I put your line of code : in my DropDownList's class or each of my 2000 instantiation?
The code should be added after setting the auto-complete mode. You can add it to your custom implementation at the end of the constructor. It appears that we have a property for this as well so you can directly set it. Here is the code:
Let me know how this works on your side.
the provided code didn't worked : set AutoSize =True (where control is used) and adding your MaxSize line.
The AutoSize makes the control go up to 24 in Height and I want a maximum of 21!
I tried setting a MaximumSize (0,21) in DropDownList's constructor, but I have the same result as before, which a line goes past down and the client sees it (image attached).
Any other clues?
I am not sure why this is not working on your side. I have attached my test project and this works there with yours and the default drop-down lists.
In addition, I want to clarify that we are using a separate drop-down list element for the autocomplete functionality and only its popup is visible when needed. This is why its max size can be set to 1,1.
Let me know if I am missing a specific case where this is not working.
your provided code makes the DropDownList control's height at 24, not 21!
I added a MaxSize of (280,21) and you have the same problem as we do. Just like the last picture I send.
Bear in mind that we have more than 100 instances of this control so we would prefer to modify the control itself and not all the individual instances.
Yes, the mistake is mine (setting the autocomplete mode makes the editor even larger). Please note that by default all editors height in the Fluent theme is 24. To make the editor 21 you need to remove the padding and the margin of its elements. In this case, add the following two lines to the constructor of your custom control:
The attached image shows the result on my side as well.
Do not hesitate to contact us if you have other questions.