How I can move the rate support button from right to left?

peopleinside · 23 Aug 2021, 16:45

Hi, my live chat widget is positioned, usually on the right side, now temporarily I moved just for the help desk to the left but I prefer to have the live chat widget on the right and move the RATE Support to the left.

Can you help me to move the RATE SUPPORT button to the left?
What code I need edit?

Also how I can add translation for RATE SUPPORT?
I see you have updated but composer update will not update translation so you need create a guide how to upgrade or improve the upgrade process.

With composer update not all components are updated, translations are not.

Thank you!

Sanjeev · 25 Aug 2021, 07:23

Hi, my live chat widget is positioned, usually on the right side, now temporarily I moved just for the help desk to the left but I prefer to have the live chat widget on the right and move the RATE Support to the left.

Please share site link as well as screenshot what you want to do.
we will check if we can help!

Also how I can add translation for RATE SUPPORT?

Update your files under translation folder from here to make it latest one.
https://github.com/uvdesk/community-skeleton/tree/master/translations

peopleinside · 25 Aug 2021, 07:27

@Sanjeev Umh when customer read a ticket will see the rate support (Kudos) button widget positioned at bottom right of the page.

I'm asking how I can move this button rating widget to the left

Sanjeev · 25 Aug 2021, 07:31

@peopleinside
ohh i thought you are asking about live chat positioning.

Will let you share the changes need to do for rating widget to left side once we check from our side.

Sanjeev · 25 Aug 2021, 07:57

@peopleinside

Locate path in your project:

vendor/uvdesk/support-center-bundle/Resources/views/Knowledgebase/ticketView.html.twig

Update below css code under </style> tag here.

.uv-kudo {
right: 880px !important;
}

peopleinside · 25 Aug 2021, 07:58

@Sanjeev Correct, sorry for confusing you. The live chat is why I want move the Kudos button

Thank you for the answer, I will try tomorrow as now IM traveling

Thanks again

Sanjeev · 25 Aug 2021, 07:59

Clear cache after that and let us know if works.
php bin/console c:c

peopleinside · 25 Aug 2021, 08:20

@Sanjeev said in How I can move the rate support button from right to left?:

uv-kudo

.uv-kudo {
         left: 0px !important;
        }

is better but I need the right code also for the mobile kudos button because on mobile kudos button still showed on the right

Sanjeev · 25 Aug 2021, 08:27

@peopleinside
If you use left then it should work.

.uv-kudo {
         left: -68px !important;
        }

But need to adjust for mobile device.. update is for desktop.

peopleinside · 25 Aug 2021, 08:44

@Sanjeev yes is good, thanks.
I placed the CSS code into CSS section in branding so I will not loose changes when updating UVdesk.

I also used left: -55px because looks better on showing all smiles.
Thank you!

Solved How I can move the rate support button from right to left?