MaterialUI Support - Recent questions and answers

Answered: VectorImage not showing after upgrading from unity 2019.1.1f1 to 2019.1.6f1

Fri, 12 Jul 2019 19:55:50 +0000

So the guys at Unity decided to change Text.cs: (check line 662 and 663)

https://bitbucket.org/Unity-Technologies/ui/diff/UnityEngine.UI/UI/Core/Text.cs?at=2019.1&diff1=28f4329b9eb304649431d883750b5a96b62debeb&diff2=31cbc456efd5ed74cba398ec1a101a31f66716db

Which means that we now have to change VectorImage.cs too:

protected override void OnPopulateMesh(VertexHelper toFill)

We need to change this line:

//                int num2 = verts.Count - 4;
                int num2 = verts.Count;

(original code is commented out)

Only took me the best of 2 days to figure this out..

How do use the ShadowGenerator Utility to create shadows for custom sprites?

Wed, 06 Mar 2019 09:17:22 +0000

The utility is not documented at all. Adding our custom shadows is crucial and it is actually the main reason our company decided to buy the asset.

When adding the ShadowGenerator to an object with the image component attached and hitting 'Generate Shadow' a NullReferenceException is thrown. No matter whether the folder 'GeneratedShadows' already exists or not.
Same result when adding the utility to a button. It also doesn't make a difference whether there is a sibling to the button/image called 'Shadow' in the hierarchy. I have tried many ways but always got a NullReference exception. Can you please provide a manual?

Answered: Tabs not appearing correctly on iPhone X

Sat, 02 Jun 2018 22:41:39 +0000

Update: I solved the problem by just forcing the Tab View rectTransform as the parameter for ForceRebuildLayoutImmediate via a try/catch. I'm not sure why it didn't pick it up itself, but this workaround was good enough for the time being.

Answered: Animations are not cleaning up on scene change under certain conditions.

Mon, 22 Jan 2018 01:01:07 +0000

Is there any solution to this now?

Access to Windows Registry causes build error on macOS and Unity Cloud Build

Thu, 18 Jan 2018 14:48:25 +0000

This line in the dpi property of MaterialUIScaler

m_Dpi = Mathf.Round(1.445f * float.Parse(Microsoft.Win32.Registry.LocalMachine.OpenSubKey("SOFTWARE").OpenSubKey("Microsoft").OpenSubKey("Windows NT").OpenSubKey("CurrentVersion").OpenSubKey("FontDPI").GetValue("LogPixels").ToString()));

causes the following Error:

Player export failed. Reason: UnauthorizedAccessException: Access to the path "/UNITY_PATH/Unity/Unity-2017_2_0f3/Unity.app/Contents/MonoBleedingEdge/etc/mono/registry" is denied.

for the Unity Cloud Build. We see a similar issue when Building for Windows on macOS machines.

Do you know a clean solution for that?

Answered: Dropdown text not scaling size of button?

Fri, 22 Dec 2017 14:18:38 +0000

Thanks for pointing this out to us.

The issue is due to some differences in layout control between buttons and dropdown buttons, to better accommodate the dropdown aspect. We'll be improving this behaviour in the next version :)

~ Declan.

Answered: Dropdown menu buttons, dialog on click

Wed, 30 Aug 2017 15:16:16 +0000

Hello!

Just use one method like that:

public void SelectedItem(int index)
{
    if (index == 0)
    {
    }
    else if (index == 1)
    {
    }
    else if (index == 2)
    {
    }
}

discrete slider bug (unity2017, materialui 1.1.7) : cannot set a value at start

Mon, 31 Jul 2017 15:44:52 +0000

Hello

open your scene 08

add these line in exemple 08 :

[SerializeField] private Slider Test;

void Awake()

{

OnSliderValueChanged();

Test.value = 1f;

}

the slider is not correctly set on screen, see image.

In my dialog, when I set a value at start : the graphics are not right :

did i miss something ?

Answered: Canvas Material UI Scaler resetting

Thu, 27 Jul 2017 00:39:15 +0000

Hi,

I put that there to avoid any errors should the canvas/scaler be created and not properly set up, or if the target scaler was unexpectedly removed. It looks like I'll have to find a more elegant solution though.

Thanks for bringing this to my attention :)

~ Declan.

Animations incorrect

Tue, 25 Jul 2017 14:47:48 +0000

Using Unity 2017.1f3 and the new Material UI 1.1.7 and its new Material UI Scaler, the animations are still not scaled. So when we for instance slide out a Screen it slides 10% and then turns the gameobject off. The expected result was that it would slide out all the way.

Answered: I am import custom icons, but its doesn't find them

Mon, 24 Apr 2017 17:55:14 +0000

Try this, it works for me

The problem is that when importing to Unity, the json file is not generated with the respective name and icon; For that reason when selecting the custom font does not load.

We can solve this by modifying the json file (assets / Vector Fonts / resources / custom-icon / custom-icon.json)

For example {"M_IconGlyphList": [{"m_Name": "chef-01", "m_Unicode": "e900"}]}

Answered: How i can change tabpage when i click in listitem Nav Drawer?

Sun, 23 Apr 2017 12:56:37 +0000

Hello,

You simply need a reference to the TabView component, and then call yourTabView.SetPage(indexOfThePage);
Let me know if you need any other help!

Have a great day!

~ Yohan

UnassignedReferenceException error on EditorUpdate in Unity 5.6

Tue, 04 Apr 2017 17:55:12 +0000

Anyone else receiving this error in Unity 5.6?

UnassignedReferenceException: The variable m_HandleRect of Slider has not been assigned.
You probably need to assign the m_HandleRect variable of the Slider script in the inspector.
UnityEngine.RectTransform.get_anchorMin () (at /Users/builduser/buildslave/unity/build/artifacts/generated/common/runtime/RectTransformBindings.gen.cs:116)
MaterialUI.MaterialSlider.OnEditorUpdate () (at Assets/MaterialUI/Scripts/Components/MaterialSlider.cs:796)
MaterialUI.EditorUpdate.Update () (at Assets/MaterialUI/Scripts/MaterialUtils/EditorUpdate.cs:48)
UnityEditor.EditorApplication.Internal_CallUpdateFunctions () (at /Users/builduser/buildslave/unity/build/artifacts/generated/common/editor/EditorApplicationBindings.gen.cs:249)

The error occurs when using MaterialUI 1.1.4 as well as 1.1.6 after a fresh import.

Any suggestions on how to fix would be greatly appreciated. Will be downgrading back to Unity 5.5 in the meantime.

Answered: UnauthorizedAccessException

Fri, 24 Mar 2017 10:27:28 +0000

The issue was that the author moved the MaterialUI folder inside another folder. And here's the fix:

Try turning this line (just above that 'if(Directory.Exists..." line):

string[] materialUiDirectories = Directory.GetDirectories(Application.dataPath, "MaterialUI");

into this:

string[] materialUiDirectories = Directory.GetDirectories(Application.dataPath, "MaterialUI", SearchOption.AllDirectories);

and let me know if that helps :)

~ Declan.

Answered: Is there a default way to minimize/maximize and restore a panel or a window?

Fri, 24 Mar 2017 10:20:34 +0000

Hello!

Sorry but not, there's not builtin way to do that, but if you want to move the panel out of the screen, it should be pretty easy with some ease animation using for example DOTween http://dotween.demigiant.com/ or our own tween engine, with a reference to your panel, you can for example do:

TweenManager.TweenVector2(f => m_Parent.anchoredPosition = f, m_Parent.anchoredPosition, new Vector2(0, m_Parent.anchoredPosition.y), 0.5f);

This will move the anchoredPosition of the m_Parent RectTransform, from it's position, to a x position of 0.

~ Yohan

Touch sensitivity on input fields inside a scrollview

Tue, 21 Mar 2017 21:30:45 +0000

I have a scrollview with input fields in my mobile app, and my issue is that input fields get toggled and the keyboard pops up by accident when you are scrolling through the list. How can I make it less sensitive the toggle the input fields when I am scrolling through them?

Answered: GraphicsRaycaster issues when using ScreenView and DialogManager

Thu, 16 Mar 2017 21:51:04 +0000

Seems to have been a random Unity IDE issue.

Answered: Vertical scroll view with horizontal tab group inside of it

Mon, 13 Mar 2017 22:18:27 +0000

Hi Jay,

If you check out the TabView example scene, you'll see a DragEventSender component attached to the scrollview inside the TabView. If you add one of these to your TabView and set the horizontal (TabView) and vertical (ScrollRect) objects, then you will be able to scroll either component, depending on the initial direction of the swipe.

Hope that helps!

~ Declan.

Answered: How to use the OverscrollConfig

Tue, 07 Mar 2017 15:20:42 +0000

Hi knitz_09,

To use OverscrollConfig, you'll want to make sure of a few things:

- ScrollRect's movement type is set to 'clamped' (OverscrollConfig disables itself otherwise, to avoid conflicting overscroll effects)

- The content is larger than the scrollrect (otherwise it wouldn't scroll, and thus wouldn't need to have overscroll effects).

- If you're changing the size of the content at runtime (even on Awake/Start), it's best to call Setup() on the overscroll afterwards, to make it re-check whether there should be overscroll effects and set itself up accordingly.

Apologies for the late reply, and while I agree the documentation is lacking, I can unfortunately only do so much with my time. Once I have things in a more stable state where everything is less sporadically changing, writing more documentation will be a higher priority - in the meantime, feel free to post questions here or email us, and we'll be happy to help :)

~ Declan.

Answered: Critical instability with Prefabs, VectorImage, and MaterialUIScaler

Tue, 07 Mar 2017 14:14:27 +0000

Hi cymatic-labs,

I've just finished modifying the behaviour of some of the components so they don't need EditorUpdate at all, thus removing the need for anything to happen in the constructor, which should solve the issues you've been experiencing. These changes will be present with the next update, which we will be pushing out as soon as we can.

Thanks again for your help with this :)

~ Declan.

Answered: Pull down scroll list to refresh

Fri, 10 Feb 2017 07:23:55 +0000

This will be part of the lists update :)

Answered: MaterialInputField question

Thu, 02 Feb 2017 16:42:11 +0000

Hey :)

We must make some work on these properties so they can be used at runtime too you're right...
But for now, you should be using leftContentGraphic.color instead of leftContentActiveColor :)

~ Yohan

Invalid AABB inAABB

Wed, 01 Feb 2017 21:37:07 +0000

I am getting the following exception when after I added some components:

Invalid AABB inAABB

Not much debug information is given to me, and I cant double click on it to take me to the part of the code where it occurs!

2 minor issues - NavMenu and screen orientation

Fri, 13 Jan 2017 12:50:39 +0000

Hey,

I've been testing some stuff regarding the NavDrawer and screen orientation lately. The app must have all orientations checked and also auto rotation.

Here are two bugs that I've found:

1. The Canvas resolution must be something like 360x640 (X < Y), but start the app on landscape (mobile - android). The GUI elements are larger than normal (I think the resolution doesn't adapt to 640x360), but switching to portrait, and back to landscape corrects it.

2. Open up NavDrawer on portrait (mobile)

Switch to landscape -> the dark area of the NavDrawer is smaller (it's not autoresizing when the orientation changes).

Using latest MaterialUI with Unity 5.4.1p1. These are minor bugs, so whenever you have some time, please take a look at them :)

Many thanks,

Raydekk

Answered: Predefine Checkmarks of CheckboxList

Fri, 13 Jan 2017 11:47:51 +0000

Hello!

Well that's because you also need to add this:

for (int i = 0; i < myCheckboxlist.selectionItems.Count; i++)
{
    myCheckboxlist.selectionItems[i].itemCheckbox.toggle.isOn = options[i];
}

So the whole thing would be:

bool[] options = new bool[] { true, false, true, true, false };
string[] showComponents = new string[] { "Item 1", "Item 2", "Item 3", "Item 4", "Item 5" };

DialogCheckboxList myCheckboxlist = DialogManager.CreateCheckboxList();        
myCheckboxlist.Initialize(showComponents, OnCheckboxValidateClicked, "OK", "Show components", null, null, "Exit");
myCheckboxlist.selectedIndexes = options;
for (int i = 0; i < myCheckboxlist.selectionItems.Count; i++)
{
	myCheckboxlist.selectionItems[i].itemCheckbox.toggle.isOn = options[i];
}
myCheckboxlist.Show();

Yes I know, this is not ideal and we should improve that :)

~ Yohan

Answered: All my Material Components have lost their connections

Tue, 10 Jan 2017 14:09:32 +0000

Hi thanks, it was the same Unity version. Just preparing to migrate the project to 5.5.

I fixed by stepping back through the commits checking the last version with all the references intact then re-did changes between the 'broken' version and the working version. Very odd. I could replicate the issue (it happened again on the 'broken' committed project: game screen went blue then a whole host of references were lost (not only Material UI I think though these were the most noticeable).

I wonder: the MaterialUI components are prefabs? I did edit a MaterialUI script MaterialRadio to override the 24x24 default. Would all prefabs 'reset' under any circumstances?

Thanks for the response, Ian

Answered: [Android] Random compilation result

Thu, 05 Jan 2017 11:47:20 +0000

Hi,

I use the size of my "Game View" in Unity3D for Android, depends on result I expect (portrait or landscape), 480x800 or 800x480.
So I put the same size on the "Canvas" for MaterialUI.

I tested on :
- Samsung S6 : 1440x2560 pixels (~577 ppi)
- Wiko Tommy : 1280x720 pixels (~294 ppi)
- Nexus 5 : 1080x1920 pixels (~445 ppi)
- HTC M8 and M9 : 1080x1920 pixels (~441 ppi)

Very cordially.

Update to Unity 5.5 slow working

Thu, 05 Jan 2017 11:33:50 +0000

After update to unity 5.5.0f3 application with MaterualUI on iPad Air 2 works very slow, before update work great.

Answered: What controls the dialog and toast sizes?

Tue, 03 Jan 2017 05:17:04 +0000

Hi there,

You're on the right track with using the scaling to change their size (eventually I want all the components to be able to be easily resized independently, but for now, they're mostly at a fixed size, but can be globally scaled up/down using the Scaler).

I'd recommend scaling with screen size, and using a reference resolution of 360x640 for portrait, or 640x360 for landscape (it doesn't *really* matter which one you pick, as the scaler swaps the x and y values upon screen rotation). This will give you a good 'normal' size for any phones and small tablets. For larger screens, you may want to use something larger like 540x960.

Let me know if that helps!

~ Declan.

Answered: The date picker is broken

Mon, 02 Jan 2017 09:24:52 +0000

Hello!
Thanks a lot for pointing that out, it is indeed broken! Sorry for that.

I'll fix this asap and give you here the modifications needed to make it work again.

~ Yohan

Answered: Create Any MaterialUI Object to Scene

Sun, 25 Dec 2016 21:58:52 +0000

Hello!

Usually when you have this type of error it's because something wrong happend when importing MaterialUI.
What I would suggest is to completely remove the MaterialUI folder, and reimport it.

Please tell me if that fixed things for you!

~ Yohan

Answered: Errors when compiling to Windows Store app

Mon, 19 Dec 2016 10:26:09 +0000

Hello Alan!

Thanks for contacting us.
I think I have a super quick thing for you to do that will just work :)

We're currently relying on LitJson ONLY for people using 5.2 (after that, we use the build in Json reader from unity). And the code that uses LitJson is wrapped between #if UNITY_5_2 code. So if you delete the entire LitJson folder, everything will still work, and as LitJson is gone, you won't have the errors you have :D

And from what I can see, it seems we're releasing MaterialUI starting 5.3 for now... So we could remove that for the next update as well for everyone.

So problem solved :)
Have a great day!

~ Yohan

Answered: Getting JSON parse error: The document is empty..

Wed, 14 Dec 2016 09:58:08 +0000

At the root of the MaterialUI folder, you should see a file called MaterialUIData. Try adding exactly this inside:
{"m_UsedVersions":["1.1.6"]}

If you're using 1.1.6 :) (if you're using 1.1.5, write 1.1.5 etc...)

And it should work!

~ Yohan

Answered: When will MaterialUI support vertical scrolling cards?

Wed, 07 Dec 2016 10:14:29 +0000

Hello!

Well, it's still on the pipeline, but it's THE current thing we're working on, it's on the top top of the list, so it should be there with the next release. Can't really say when because once it's implemented, we still have to test/tweak it to make it from good to great (or awesome? :D)...

BUT! Why don't you do it yourself for now?
It should be pretty simple to do. You just need to use the basic Unity Scroll Rect, with a vertical layout group for the content. And inside it, you just design one card with the MaterialUI components (a panel, with inside whatever you want), and then you just duplicate the card and update the data inside each card.

If you don't know how you can do all that at runtime, there's a great Unity tutorial to do just that!
There's some documentation right here: https://docs.unity3d.com/Manual/HOWTO-UICreateFromScripting.html
And the tutorial is here (in 9 parts!): https://www.youtube.com/watch?v=TAJCr3_kfEc

~ Yohan

Answered: Slider formatting issues

Thu, 01 Dec 2016 13:20:28 +0000

Hey!

First, instead of creating your slider with left and right content, why don't you directly create the slider without any of that from the MaterialUI menu?
Just select MaterialUI -> Slider -> Continuous -> Simple.

Then, if you don't want the popup. Just select your slider, and in the Inspector view, look for the MaterialInputField component. Then just untoggle the "Has Popup" field and you should be ready :)

We also made a video about sliders right here: https://www.youtube.com/watch?v=G4osdlSrLJk

Please try this and tell us if you still have issues!
Have a great day.

~ Yohan

Answered: Giant issue on S6 Edge

Sun, 27 Nov 2016 09:01:37 +0000

Thanks anonymous for sharing the solution with everyone:

"Try setting "Drag Threshold" from the EventSystem gameobject to 10 or 15"

~ Yohan

Answered: Low framerate on iOS

Thu, 24 Nov 2016 06:17:03 +0000

Hi there, Unfortunately, it's not easy to make lists in Unity whilst keeping things smooth, but I'm making some changes to how ripples work for the next release, which should improve the performance on rectangular graphics (perfect for lists).

Also, we're working on a new powerful list system, this should be our next major feature :)

~ Declan.

Answered: Various components not working in Screen Space Camera mode

Thu, 24 Nov 2016 06:15:39 +0000

Hi Darren,

Apologies for the delayed reply.

I'm currently working on fixes to ensure the components are all working properly in all render modes, but it's unfortunately a bit of a slow process.

If you send me an email (contact@materialunity.com) I can send you a patch for v1.1.5, which improves how the scaling is calculated, and may fix some of your issues :)

~ Declan.

Answered: How to access selected object in list (Example 14)

Thu, 24 Nov 2016 06:14:59 +0000

Hi,

What you have should be almost right - assuming the name of the sprite is the same as the prefab name + "_icon", then you can change that last line to be:

activePrefab = Resources.Load("Prefabs/" + activeObjectString.Replace("_icon", ""), typeof(GameObject));

and it should work :)

~ Declan.

Answered: Native-like text editing?

Thu, 24 Nov 2016 05:36:52 +0000

Hello Jay,

Sorry but that's not something available in MaterialUI... for now :)
It's on our feature list, so we should implement it in the following months...

What's the plugin that fix this that you're using? And why won't it work with MaterialUI?

~ Yohan

Answered: Limiting toasts in queue

Mon, 21 Nov 2016 11:27:00 +0000

Hey!

We've already answered this right here: http://materialunity.com/support/576/no-queue-toasts?show=597#a597

Have a great day ;)

~ Yohan

Answered: Editing InputFields on prompt dialogs?

Mon, 21 Nov 2016 06:59:41 +0000

Hello!

Well, yes it sure is!
Once you've created the DialogPrompt, you'll have a reference to it. Like so:
DialogPrompt dialogPrompt = DialogManager.ShowPrompt...

You can just do:
dialogPrompt.firstInputField to access the MaterialInputField.
And with that you can do... pretty much anything?

- remove the floating hint:
dialogPrompt.firstInputField.floatingHint = false;

- add a textValidator
dialogPrompt.firstInputField.customTextValidator = yourTextValidatorHere;

Have a nice day!

~ Yohan

Answered: No queue toasts

Mon, 21 Nov 2016 06:34:21 +0000

Hello!

Sorry for the time we took to answer :/

I've worked on implementing the maxQueueSize feature :)
It should be available in our next release! But in the meantime, you can do it yourself like this:

Also, make sure you add the ToastManager on the scene first, so you can configure the maxQueueSize in the inspector. You can do that via MaterialUI -> Managers -> ToastManager.

~ Yohan

Answered: Changing menu tab text dynamically

Mon, 21 Nov 2016 06:20:58 +0000

Hey,

Just wanted to point out that there's a way better way to update the tabName.
Calling InitializeTabs is not optimal at all :)

You can just do:
tabView.GetComponent<TabView>().tabs[0].itemText.text = "yourTitle"

Of course here I've used tabs[0], but if it's your second tab or third, you would use tabs[1], tabs[2] etc...

~ Yohan

Answered: Why does my Toast have inconsistent positions (editor bug)

Mon, 21 Nov 2016 06:10:57 +0000

Hi Ian!

(I've just answered on the forum, but I post it here too)

I've searched why this issue happens, and you're right, it's only in the Editor. You won't have this issue in builds.
The reason is that, to display toasts at the correct position, we use Screen.width and Screen.height, which returns the current window dimensions.
And here's the issue, it's the current window dimensions, not the Game View dimensions.
This mean that if you're "activating" things from the Game View (by using switches for example), it will work fine, because the current window is the GameView. But if you activate/deactivate a GameObject from the Inspector, or Hierarchy or anywhere else... well... Screen.width and Screen.height will return the dimensions of the Inspector (or Hierarchy). So that's the issue
And in builds you don't have this issue, because the current window is always the Game window!

I've submitted a bug report to Unity for that. We'll see if they fix that or not.

If you don't want this issue, just make sure you trigger everything from the GameView
Have a great day and thanks for reporting the issue!

~ Yohan

Animated Shadow causing errors displaying modals in WebGL

Tue, 01 Nov 2016 16:55:13 +0000

With the AnimatedShadow script, the SetShadow method seems to be creating some issues on WebGL builds of our app. When we try to pop a modal, nothing happens. On top of that, it creates an infinite loop of null references that all point to that function.

The fix I found was to add in

#if UNITY_WEBGL
	instant = true;
#endif

just before the

if (Application.isPlaying && !instant) {

EDIT:

I've found that the culprit lies in the

TweenManager.TweenFloat

function. When displaying or hiding a dialog, that function is called to handle animations, and in both cases avoiding it and doing the assignment directly allows dialogs to show and hide on WebGL. I've not gone deeper to see what exactly in it could be causing the issue.

Answered: Dialog Manager chooses wrong parent canvas on initialization

Sun, 30 Oct 2016 05:02:13 +0000

Hi Darren,

To specify an explicit canvas to use, you can create a DialogManager at design time and set the 'parent canvas' value in the inspector to the desired canvas :)

~ Declan.

Answered: Buttons aren't always responsive with Touch on mobile

Wed, 26 Oct 2016 22:43:40 +0000

OK, my bad. After a few hours of banging my head and Googling I have solved it.

I was missing the EventSystem in the canvas and once I set the Drag Threshold up then it works as expected.

tab view control size

Tue, 25 Oct 2016 07:19:05 +0000

Hi, I have a problem with the tab view, instead of icons for tabs I insert the text and the bottom scroll bar becomes larger in size than one tab. tell me how to fix it, thanks for the answer

http://pastenow.ru/14FD4 (lower white band)

Answered: Nav Drawer slide in from the right hand side?

Sat, 22 Oct 2016 05:30:43 +0000

Hi alansts,

Unfortunately, the Nav Drawer doesn't currently support dragging from the right side of the screen - I am planning on adding that, hopefully in the next release (v.1.1.7).

~ Declan.