[Silk UI Framework] Radio button and Menu

[Silk UI Framework] Radio button and Menu

  
Forge Component
(45)
Published on 10 May by OutSystems Labs
45 votes
Published on 10 May by OutSystems Labs
Team,

Depending on the database value ,on load of the page I had to disable and make the radio button selected.
But because of the radio button styling it was not displaying as selected, it was only disabled.(This issue occured in chrome.),in IE it is fine.
I had to override the style of the radio button to make it selected when  disabled. After overriding the style issue in chrome is solved

# 1: But if I print the page , the selected radio button is printed as unselected.
I did a work around by using 
@media print  and giving the radius and border to the inner small circle of the radio button, which could Not solve the issue.

#2: Is it Not possible to change the width of the menu ( left side menu) in DublinBase\Layout_Dublin? Because the length of the text of the MenuItems is less, so half of the Menu is left blank(not used).

Could you please suggest Me on this ?

Regards,
Shweta
Solution
Hello Shweta, 
 
After looking at your reports our suggestion are:
 
#1 - Google Chrome, when printing pages, remove the backgrounds.
     Use the following code to fix the Radio Buttons while printing.

@media print {
    input[type="radio"]:after {
        -webkit-print-color-adjust:exact;
    }
}
 
#2 - The only way to change the width of the Menu is to override the Menu styles:
 
 
Also you need to align the main content accordingly with the menu size:
 
 
 
Best Regards, 
José Rosário
Solution
Hi Jose,

Thank you for the suggestion.

Regards,
Shweta


Jose Rosario wrote:
Hello Shweta, 
 
After looking at your reports our suggestion are:
 
#1 - Google Chrome, when printing pages, remove the backgrounds.
     Use the following code to fix the Radio Buttons while printing.

@media print {
    input[type="radio"]:after {
        -webkit-print-color-adjust:exact;
    }
}
 
#2 - The only way to change the width of the Menu is to override the Menu styles:
 
 
Also you need to align the main content accordingly with the menu size:
 
 
 
Best Regards, 
José Rosário