FOP2 Window Size is too small for "Stock" FOP2 panel layout

[blak3r]

@askhogan, The default FOP2 window size isn't large enough to show a stock FOP2 window.

We both agreed that FOP2 had way too many options by default and resulted in a cluttered interface. I looked at the configuration options and I could only see ways to get rid of extensions, Queues, etc... but the actual function buttons which appeared on the top weren't configurable directly... I think I remember you telling me you modified the template files or soemthing.

Could you post the files you modified here or email them to me? (not sure how the file you modified is licensed)

I'm thinking the best approach will be to have a FOP Window height and FOP Window Width config param that we set by default large enough to fit a stock FOP install... and let people set it tighter if they clean it up. It wasn't immediately obvious how the width and height of the fancybox window are getting set. I looked at JS and the CSS and didn't see any fixed height widths... Any clues there would be appreciated.

References: http://www.fop2.com/documentation-configuration-buttons.php

[askhogan]

I made a few edits to get rid of the annoying desktop notifications (ie removed growl.js from index file).

That is the only major edit though. All other edits were performed in a CSS file. No reason this CSS file couldn't be included in the YAAI CSS file. I simply used display hide to get rid of the stuff I didn't want. It would just override the FOP2 CSS file.

On Mon, Jan 21, 2013 at 6:33 PM, Blake Robertson [email protected]:

@askhogan https://github.com/askhogan, The default FOP2 window size isn't large enough to show a stock FOP2 window.

[image: StockFop2ButtonsAreCutoff]https://f.cloud.github.com/assets/1581785/85071/567ae1d4-643a-11e2-8cba-1059ddf2b0ea.png

We both agreed that FOP2 had way too many options by default and resulted in a cluttered interface. I looked at the configuration options and I could only see ways to get rid of extensions, Queues, etc... but the actual function buttons which appeared on the top weren't configurable directly... I think I remember you telling me you modified the template files or soemthing.

Could you post the files you modified here or email them to me? (not sure how the file you modified is licensed)

I'm thinking the best approach will be to have a FOP Window height and FOP Window Width config param that we set by default large enough to fit a stock FOP install... and let people set it tighter if they clean it up. It wasn't immediately obvious how the width and height of the fancybox window are getting set. I looked at JS and the CSS and didn't see any fixed height widths... Any clues there would be appreciated.

References: http://www.fop2.com/documentation-configuration-buttons.php

— Reply to this email directly or view it on GitHubhttps://github.com/blak3r/yaai/issues/110.

[askhogan]

I remember now!

I originally tried to modify the CSS via the YAAI CSS file... but because it is an iframe, there are some cross-site scripting issues. I couldn't figure out how to modify the css. So I went in and edited the

stable.css file directly

just do a locate operator.css and you will find it in the fop2/css/ directory

//gets rid of the dial thing that takes up a lot of screen real estate #filter_holder, #ac_holder, #dialtext, #dialpad, #presence_chzn { display:none;}

//moves the margin on the call buttons to the right - play with this one

#actionbar //change from 1.5% to something like this below margin-left:20%;

[blak3r]

1. Open fop2/operator.css, it'll be at one of the following paths
   • For Centos/Fedora the web application is installed under /var/www/html/fop2
   • For Ubuntu/Debian is under /var/www/fop2
   • For Suse is /srv/www/htdocs/fop2
2. Search for "actionbar"
3. Paste the line below above it and change margin-left to 20%.

/** Removes extra options yaai developers thought cluttered the interface **/
#filter_holder, #ac_holder, #dialtext, #dialpad, #presence_chzn { display:none;}

Here's the diff output once the 2 modifications above are made:

root:/var/www/html/fop2/css $ diff -bwic operator.css.orig operator.css
*** operator.css.orig   2013-01-21 23:49:06.000000000 -0500
--- operator.css    2013-01-22 00:02:15.000000000 -0500
***************
*** 601,609 ****
    width:7em;
  }

  #actionbar
  {
!   margin-left:1.5%;
    padding-left:20px;
  }

--- 601,612 ----
    width:7em;
  }

+ /** Removes extra options yaai developers thought cluttered the interface **/
+ #filter_holder, #ac_holder, #dialtext, #dialpad, #presence_chzn { display:none;}
+
  #actionbar
  {
!   margin-left:20%; /* was 1.5% */
    padding-left:20px;
  }

Here's how the panel looks afterwards:

[blak3r]

Submitted a feature request to FOP2 to have additional options added so that these could be configured without needing to modify core files here: http://www.fop2.com/forum/viewtopic.php?f=3&t=1613