Unite UX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 31 Mar 2022 06:23 by ADMIN
Brieuc
Created on: 29 Mar 2022 21:09
Type: Bug Report
0
UniteUX web app k-button-group css interfering with components view

Hi

It seems the UniteUX app CSS is interfering with the actual render of different components.

For exemple :
the Button Group component sheet, the <div> containing each button is with a <k-button-group> class (see inspector attachement) which adds a box-shadow which can interfere (see buttongroup attachment)  with the render and can be interpreted as the developer has done something wrong with the component itself.

Attached Files:
3 comments
ADMIN
Radoslav
Posted on: 31 Mar 2022 06:23

Hello Brieuc,

Thank you for your feedback!

We tried to keep the documentation up to date with such information and I will forward this feedback to our developers and documentation team to include more information about it in the documentation. 

Also, a good source of how things are working in Unite UX is our videos which show the entire workflow from design to development and also emphasize on key parts of the app. Videos can be found here: https://docs.telerik.com/unite-ux/get-started/onboarding-videos/onboarding-videos-introduction 

If you need further assistance do not hesitate to contact us again.

Regards,
Radoslav
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Brieuc
Posted on: 30 Mar 2022 15:20
Oh I see now, the k-button-group component control is all the way to the right, my bad.

It seems inconsistent with the tutorials stating that what affects all is on the top left of the component sheet.
Maybe something to review or have some doc to go with UniteUX for details like those ?
ADMIN
Radoslav
Posted on: 30 Mar 2022 07:41

Hi Brieuc,

Thank you for your interest in Unite UX!

The mentioned styles are coming from the Kendo Theme; they are not from the Unite UX app. The real kendo button group has this box-shadow (I am attaching a screenshot from the Kendo demos site). 
The Component canvas where all components and their states are placed is in the <iframe> element and only the kendo theme and overrides via property grid are applied there. 
Additionally, to make sure that we do not override some styles, the CSS selectors for styles of the application are prefixed with “uux”. 
In this way, you can be sure that all styles applied on the components in the canvas are the actual Kendo styles coming from the theme or some overrides that the developers are doing via the property grid. 

I hope this information helps.

Regards,
Radoslav
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Attached Files:
Create an account Log In
View
Type
Status