Skip to Content (Press Enter)
OutSystems.com
Personal Edition
Community
Support
Training
Training
Online Training
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Jobs
Ideas
Members
Mentorship
User Groups
Platform
Platform
ODC
O11
Search in OutSystems
Log in
Get Started
Back to Forums
Shweta Kalghatgi
130
Views
2
Comments
Solved
[Silk UI Web] Radio button and Menu
Question
Forge
Silk UI Web (O11)
Forge asset by
OutSystems
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
José Rosário
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
1 reply
23 Nov 2015
Show thread
Hide thread
Shweta Kalghatgi
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
See the full guidelines
Loading...