Sign up or Log in
Support
Home
Forums
Forge
Ideas
Members
Badges
Community › Forums › Forge Discussions

[Silk UI Web] Radio button and Menu

[Silk UI Web] Radio button and Menu

  
New Post
Forge Component

(71)
Published on 4 Oct (2 weeks ago) by OutSystems R&D
71 votes
Published on 4 Oct (2 weeks ago) by OutSystems R&D
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
Dislike(0)
Like(0)
Dislike(0)
Like(0)
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
Dislike(0)
Like(0)
Dislike(0)
Like(0)
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
 
 
Dislike(0)
Like(0)
Dislike(0)
Like(0)
Login to reply
Company
Corporate Site
Contacts
Support
Technical Support
Community Forums
 OutSystems© All rights reserved. Custom built with (h) and (o)