How do I customize the Studio Frameless Output Skin in RoboHelp 2022 so the right panel can be expanded after 175% zoom?

​@Peter Grainge  or ​@Jeff_Coatsworth  I want to see if I can add a custom button to the toolbar that will allow users to save a topic as a favorite.  Since the “fav-button” is not available at 400% zoom. 

I created the favorites-helper script today as shown below.

(function () {
  window.RH_ToggleFavoriteFromToolbar = function () {
    var favBtn = document.querySelector('.RH-LAYOUT-RIGHTPANEL-fav-button');
    if (favBtn) {
      favBtn.click();
    } else {
      console.warn('Favorites button not found');
    }
  };
})();

I then went to User Assets in my Skin and added favorites-helper.js.

Next I added a new Add to Favorites button here: 

I set up button-5 to be used for this new button.

I can see the button when I generate, but nothing happens.  It is not saving my topic to Favorites.

Can I call a custom java script in the OnClick field for a new button?  Or is there something wrong with my script? I was trying to reuse fav-button code that is already used for the existing save as favorite button, which appears in the right panel.

This is a screenshot of an uncustomised Studio template at 175% and Favourites is still shown. 

If I go to say 500% then crazy things do happen. I think the issue is more to do with the screen the help is being viewed on.

In the example above, the TOC titles are kept short so the left panel could be narrowed. Maybe that would help with the centre and right panels at 175%? Also would special zoom software help users needing such high levels of magnification better?

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

If the UI doesn’t give you the controls to make the changes you’re looking for, you’re going to have to either log a wishlist in the Tracker or find a web programmer to dig through it & adjust your output.