iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hello Crosslight Support,
I have several questions about the new material UI:
1. How can I programmatically change the drawer icon (hamburger icon)? I tried the following,but it did nothing.
this.DrawerSettings.ActionBarDrawerIcon = Resource.Drawable.ic_bar_done;
2. How can I (programmatically) change the color of the drawer icon? Is there some "tint" I can set?
3. How can I (programmatically) change the color of the list icons (like in the navigation list)? Is there some "tint" I can set? The idea is to have the icons in one color and to set the definite color in code (like icon tint color = Color.Red).
4. Is there some documentation about how to style every part of the app (e.g. background of list group headers)?
5. To me it seems like your current styling method is not theme friendly. In the samples you have a colors.xml to set the app colors. What if I want to switch the current theme of the app at runtime? I have created the following theme in the styles.xml:
<style name="Theme.Green" parent="Theme.Crosslight.Material.Light"><item name="colorPrimary">@color/primary_green</item>...</style>
primary_green is set in the colors.xml to #4caf50.primary is set in the colors.xml to #FF00DC.
When I start the app (data drawer samples) and navigate to a list with group headers, then the text color of the group header is #FF00DC, which is the primary color.To support a theme the colorPrimary of the theme should be used to set the group header color. Otherwise it is not possible to switch the theme at runtime.Maybe I am getting or doing something wrong.
Thanks for your feeedback.
Thomas
Any feedback?
Deeply apologize for the delay in sending this.
I’m currently working on this ticket and need more time to provide you with solution, suggestion, or sample.
I’ll get back to you as soon as possible.
Hello Yudi,
this one is really important. Especially the question about how to change the theme at runtime.
Thanks for your feedback.
How can I programmatically change the drawer icon (hamburger icon)?
The hamburger icon customization is not supported in Android Material, as the current implementation only considers automatic animation and many built-in experience.
How can I (programmatically) change the color of the drawer icon? Is there some "tint" I can set?
You can change the color of the drawer icon by adding following snippet code in fragment:
protected override void Initialize() { base.Initialize(); ... this.ToolbarSettings.ItemColor = Color.OrangeRed; }
How can I (programmatically) change the color of the list icons (like in the navigation list)? Is there some "tint" I can set?
CROS-1029 has been submitted to Crosslight development team as improvement/enhancement of Android Material. The team are now working to allow programmatic theming of list icons through a simplified API.
Is there some documentation about how to style every part of the app (e.g. background of list group headers)?
Currently there is no specific document which explains about how to style every part of the app such as: background of group header.
We have this documentation which mention about how to change the group headers look and feel by providing GroupLayoutId. It will allows you to change the layout entirely, including the background.
Thank you for your valuable feedback about the documentation. We will gradually add more articles related to styling Android material.
...What if I want to switch the current theme of the app at runtime?...
CROS-1030 has been submitted to Crosslight development team as improvement/enhancement of Android Material. In general, most appearance aspects should be easily theme-able by overriding the color values. So in this case, we will introduce groupHeaderColor in theme and group_header_color in colors respectively. That said, we will also progressively refactor out theme-able elements based on customer's feedback and continue making Android Material development easier.
I will keep this thread updated with any news I heard from the team regarding CROS-1030.
Sorry for the delay in sending this.
sorry for being impatient, but is CROS-1029 and CROS-1030 already scheduled?
It is a really important feature for me.
Thanks,
Good day Thomas,
Feel free to ping us at anytime regarding the progress of worklog.
CROS-1030 has been implemented. The hotfix (Crosslight 5.0.5000.559) is now available in NuGet.
You can now specify group header color by adding following snippet code in colors.xml.
<resources> ... <color name="group_header_color">#ff0000</color> </resources>
I'll keep you informed as soon as I heard anything from the team regarding CROS-1029.
Thank you and have a nice day.
Edited on March 16, 2016 9:40 PMReason: update information about styling group header background
Styling group header background can be achieved by adding following snippet code in colors.xml.
<resources> ... <color name="group_header_background">#ff0000</color> </resources>
applying the group header background color value in the colors.xml does not improve the app to be more themable. What is the corresponding item name I can override in a theme for the group_header_background.
Like:
<style name="Theme.Green" parent="Theme.Crosslight.Material.Light"> <item name="group_header_background">@color/group_header_background_green</item>
Additionally, I need to style the status bar color and the bottom bar color in a theme, too (see attached screenshot). Is this already possible? What are the item names of these parts for overriding in a custom theme?
... What is the corresponding item name I can override in a theme for the group_header_background.Like:<style name="Theme.Green" parent="Theme.Crosslight.Material.Light"> <item name="group_header_background">@color/group_header_background_green</item>
... What is the corresponding item name I can override in a theme for the group_header_background.
The corresponding item name is as follow:
<style name="CustomTheme" parent="Theme.Crosslight.Material.Light"> <item name="groupHeaderBackground">#ff0000</item> </style>
Hope this helps.
is CROS-1029 already realized or is a already on the schedule of the development team?
Hello Thomas,
As of today nightly-build hotfix for CROS-1029 is not yet available. As soon as the hotfix is ready, I will let you know.
Unfortunately, CROS-1029 is not on the fix list of Crosslight 5 Update2. Do you have some information when this issue is on the schedule of the development team?
The feature request is already queued in our work items. However, it hasn't been completed yet due to work items priorities and urgency.
I'll check with the Crosslight development team regarding the release schedule of CROS-1029. Will get back to you as soon as possible.
Any news about CROS-1029?
What about CROS-1029? Is this once more a CROS item which gets forgotten over time?
is there already a schedule for CROS-1029?
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname