I found the answer.
DGV.AutoResizeRows
and
DGV.AutoResizeRow
Please ignore my question.
Hi Luca.
Here is the zip with the font, but I only have the TTF files, not woff ones.
As for the text, you can see in my original post, there are two pictures with what was expected and what was shown.
Thank you for looking at this!
If anyone lands here in the future, here is a sample of what could be done to change the MessageBox buttons to follow the Buttons Variants already existing in the Themes available:
.qx-messagebox-modal-active-information [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-information [name='ok'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-information [name='ok'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-information [name='ok'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-information [name='ok'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-information-move [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-information [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button-focused { background-color: Snow; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button-hovered-pressed-focused { background-color: #E6E6E6; }
.qx-messagebox-modal-active-information [name='cancel'].qx-button-focused-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-information-move [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-information-move [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information-move [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information-move [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information-move [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-information [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-information [name='yes'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-information [name='yes'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-information [name='yes'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-information [name='yes'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-information-move [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-information [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-information [name='no'].qx-button-focused { background-color: #D9524E; }
.qx-messagebox-modal-active-information [name='no'].qx-button-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-information [name='no'].qx-button-hovered-pressed-focused { background-color: #C92F2B; }
.qx-messagebox-modal-active-information [name='no'].qx-button-focused-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-information-move [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-warning [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-warning [name='ok'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-warning [name='ok'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-warning [name='ok'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-warning [name='ok'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-warning-move [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-warning [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button-focused { background-color: Snow; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button-hovered-pressed-focused { background-color: #E6E6E6; }
.qx-messagebox-modal-active-warning [name='cancel'].qx-button-focused-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-warning-move [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-warning-move [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning-move [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning-move [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning-move [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-warning [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-warning [name='yes'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-warning [name='yes'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-warning [name='yes'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-warning [name='yes'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-warning-move [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-warning [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-warning [name='no'].qx-button-focused { background-color: #D9524E; }
.qx-messagebox-modal-active-warning [name='no'].qx-button-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-warning [name='no'].qx-button-hovered-pressed-focused { background-color: #C92F2B; }
.qx-messagebox-modal-active-warning [name='no'].qx-button-focused-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-warning-move [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-error [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-error [name='ok'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-error [name='ok'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-error [name='ok'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-error [name='ok'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-error-move [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-error [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button-focused { background-color: Snow; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button-hovered-pressed-focused { background-color: #E6E6E6; }
.qx-messagebox-modal-active-error [name='cancel'].qx-button-focused-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-error-move [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-error-move [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error-move [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error-move [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error-move [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-error [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-error [name='yes'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-error [name='yes'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-error [name='yes'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-error [name='yes'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-error-move [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-error [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-error [name='no'].qx-button-focused { background-color: #D9524E; }
.qx-messagebox-modal-active-error [name='no'].qx-button-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-error [name='no'].qx-button-hovered-pressed-focused { background-color: #C92F2B; }
.qx-messagebox-modal-active-error [name='no'].qx-button-focused-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-error-move [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-stop [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-stop [name='ok'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-stop [name='ok'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-stop [name='ok'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-stop [name='ok'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-stop-move [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-stop [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button-focused { background-color: Snow; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button-hovered-pressed-focused { background-color: #E6E6E6; }
.qx-messagebox-modal-active-stop [name='cancel'].qx-button-focused-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-stop-move [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-stop-move [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop-move [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop-move [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop-move [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-stop [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-stop [name='yes'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-stop [name='yes'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-stop [name='yes'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-stop [name='yes'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-stop-move [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-stop [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-stop [name='no'].qx-button-focused { background-color: #D9524E; }
.qx-messagebox-modal-active-stop [name='no'].qx-button-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-stop [name='no'].qx-button-hovered-pressed-focused { background-color: #C92F2B; }
.qx-messagebox-modal-active-stop [name='no'].qx-button-focused-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-stop-move [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-question [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-question [name='ok'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-question [name='ok'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-question [name='ok'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-question [name='ok'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-question-move [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-question [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button-focused { background-color: Snow; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button-hovered-pressed-focused { background-color: #E6E6E6; }
.qx-messagebox-modal-active-question [name='cancel'].qx-button-focused-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-question-move [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-question-move [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question-move [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question-move [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question-move [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-question [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-question [name='yes'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-question [name='yes'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-question [name='yes'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-question [name='yes'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-question-move [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-question [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-question [name='no'].qx-button-focused { background-color: #D9524E; }
.qx-messagebox-modal-active-question [name='no'].qx-button-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-question [name='no'].qx-button-hovered-pressed-focused { background-color: #C92F2B; }
.qx-messagebox-modal-active-question [name='no'].qx-button-focused-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-question-move [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active [name='ok'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active [name='ok'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active [name='ok'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active [name='ok'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-move [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active [name='cancel'].qx-button-focused { background-color: Snow; }
.qx-messagebox-modal-active [name='cancel'].qx-button-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active [name='cancel'].qx-button-hovered-pressed-focused { background-color: #E6E6E6; }
.qx-messagebox-modal-active [name='cancel'].qx-button-focused-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-move [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-move [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-move [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-move [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-move [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active [name='yes'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active [name='yes'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active [name='yes'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active [name='yes'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-move [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active [name='no'].qx-button-focused { background-color: #D9524E; }
.qx-messagebox-modal-active [name='no'].qx-button-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active [name='no'].qx-button-hovered-pressed-focused { background-color: #C92F2B; }
.qx-messagebox-modal-active [name='no'].qx-button-focused-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-move [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-hand [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-hand [name='ok'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-hand [name='ok'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-hand [name='ok'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-hand [name='ok'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-hand-move [name='ok'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-hand [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button-focused { background-color: Snow; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button-hovered-pressed-focused { background-color: #E6E6E6; }
.qx-messagebox-modal-active-hand [name='cancel'].qx-button-focused-hovered { background-color: #E6E6E6; }
.qx-messagebox-modal-active-hand-move [name='cancel'] { background-color: Snow; }
.qx-messagebox-modal-active-hand-move [name='cancel'].qx-button [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand-move [name='cancel'].qx-button-focused [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand-move [name='cancel'].qx-button-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand-move [name='cancel'].qx-button-focused-hovered [name='label'] { color: windowText !important; }
.qx-messagebox-modal-active-hand [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-hand [name='yes'].qx-button-focused { background-color: #5BB85B; }
.qx-messagebox-modal-active-hand [name='yes'].qx-button-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-hand [name='yes'].qx-button-hovered-pressed-focused { background-color: #439D43; }
.qx-messagebox-modal-active-hand [name='yes'].qx-button-focused-hovered { background-color: #439D43; }
.qx-messagebox-modal-active-hand-move [name='yes'] { background-color: #5BB85B; }
.qx-messagebox-modal-active-hand [name='no'] { background-color: #D9524E; }
.qx-messagebox-modal-active-hand [name='no'].qx-button-focused { background-color: #D9524E; }
.qx-messagebox-modal-active-hand [name='no'].qx-button-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-hand [name='no'].qx-button-hovered-pressed-focused { background-color: #C92F2B; }
.qx-messagebox-modal-active-hand [name='no'].qx-button-focused-hovered { background-color: #C92F2B; }
.qx-messagebox-modal-active-hand-move [name='no'] { background-color: #D9524E; }
Hi,
so what needs to be done to show memory stream in viewer.
If I understand correctly if we create filestream it will still need to be saved somewhere on the disk. I would like to avoid this and load memory stream directly.
Thanx,
D
Hi,
so what needs to be done to show memory stream in viewer.
If I understand correctly if we create filestream it will still need to be saved somewhere on the disk. I would like to avoid this and load memory stream directly.
Thanx,
D
Hi Luca.
Thank you so much for all the information and sorry for the amount of stupid questions, it is just that I have so many of them…
OK, I had the font (will probably give up on it) installed on my own dev computer and without the letter-spacing modification it was being cut-off. So I found someone here on the forum with similar problems and used the same solution they applied. That fixed the issue on my dev machine. If I get you correctly, I shouldn’t really use this fix, is that so?
Now, how can I embed the font in the Theme? And yes, they are all TTF files and are installed on the server.
Also, when you mean “use the theme for the fonts in Wisej”, you mean setting its name it like I did through the Theme Builder?
In the end, if setting AutoSize to false fix the thing, I could go this way too, I guess.
When you use a non-standard font in the browser you have to install the font in the browser using CSS using the @font-face rule:
https://www.w3schools.com/css/css3_fonts.asp.
This is the list of safe fonts:
https://www.w3schools.com/cssref/css_websafe_fonts.asp
With Wisej you can embed the font in the theme, or add a reference to the font woff or woff2 files.
That will only install the font in the client browser. If you use AutoSize the autosizing is done on the server and if your server doesn’t have the font installed it will use an approximation of the font. So if you use a non-standard font like Montserrat the autosizing will be probably wrong unless you install the font on the server. The font must be a ttf file.
The browser will choose the font the way you listed them and will fallback if not available on the client browser. It has nothing to do with the server trying to measure a text using the wrong font.
Adding css that changes the letter spacing or any other browser feature will not change the auto sizing, it will make it less accurate. In that case you have to turn off autosizing.
HTH
Hi Levie.
Thanks for the prompt reply!
I checked the server, and no, the font wasn’t present there. Not sure how this works, since the font shown in the browser when I navigate to the production server is correct, just cut off. I guess it shouldn’t even show the chosen font and use another in the line of the ones offered in the Theme. Anyway, I installed the Montserrat font in the server, but it didn’t seem to help. Still having the end of the labels cut off.
Now, regarding referencing the theme in Goggle Fonts, I have no clue what that is, will research in the web. However, I am navigating to the production app from the same browser in the same machine where I navigate to development version.
If you have any other idea, let me know. 🙂
Cheers.
Ivan
Hi Stefano,
I believe Thomas followed up with you on this issue.
If you have any more questions, please let us know!
Best regards,
Levie
Hi Dino,
We’ll have to look into this more!
Have you checked out the PivotTables provided by our DevExpress and Syncfusion extensions here?
https://github.com/iceteagroup/Wisej-Ext-DevExtreme
https://github.com/iceteagroup/Wisej-Ext-Syncfusion
Best,
Levie
Hi Ivan,
How are you attaching the font to the theme? The font also needs to be installed on the production machine if it isn’t already. This is in addition to referencing the theme in Google Fonts or including the base64 data.
It sounds like it might already be installed on your development machine and that’s why it’s rendering correctly.
Let me know!
Best regards,
Levie
Hi Dino,
the extension is already updated, please refresh from our GitHub repository.
(It´s the CDN hosting tinyMCE that is expiring).
Best regards
Frank
Found it.
I am terribly sorry for making you look at this.
I had a ResponsibleProfile apparently messing with the Button’s properties…
All fine.
Thank you!
Thank you Luca.
I will produce a test and let you know. Hopefully it is some thing from my side.
But for the time being, I tested on actual phones too.
Cannot reproduce. Please attach a test case. Usually problems when switching from non docked to docked is that previous profile changed something that is not overridden. In general a desktop cannot change to a phone so testing it on an emulator should be done hitting refresh or a new session.
Yep, you are right. It’s as designed since the font property and the color properties also set the style. Use the Font property and the ForeColor property instead. Or use a css class and add the !important css marker. For inline styles you cannot override the inline styles set by the existing properties.
You can add a css class in a plain standard .css file in default.html or using the stylesheet component.
.test {
font-size:20pt !important;
}
label1.CssClass = “test”;
Images below are at runtime.
Hi,
CssStyle for label works only in design, in runtime it goes back to normal.
Page
Works well. See image. You may be setting the Font property somewhere in the app. In general it’s better to use the existing properties instead of css directly.
Many thanks. Works now.
That was cool.
I am able now to set the colors for each Theme we have created. Thanks!
Sooooo, how do I set the “hovered” style now? 🙂
And by the way, where do I find all these “qx-” properties?