Action png files not in color anymore

Comments

• nicolas

  May 2017

  Hi,
  
  Icons are now fonts instead of images, that way FOP2 display is truly responsive and works well on most displays without losing any functionality (just the colors).
  
  I am not totally sure if you can use custom themes to get it back to icons, probably yes, but I have not really tried.
  
• mainenotarynet

  May 2017

  The theme css file shows the URLs for the .png files - so how do I make the panel use them? Also for transfer to a parking lot I dail one code but for a transfer to an extension I need to dial *89 (*TX) in my sterisk this plays a recording that says "Transferring to extension XXX, VM Greeting name." where can I change this in the panel - if possible?
  
  Thanks
• nicolas

  May 2017

  If you use a freepbx/issabelpbx based distro, the prefix for dialing/transferring to voicemail is taken directly from the backend configuration (table globals, variable VM_PREFIX or in the featurecodes table -depends on your version-). So if you configure in your backend the prefix to be *89 , then fop2 will pick it up.
  
  If you do not want to change that in your backend, then you will have to alter FOP2 Manager code, in functions-freepbx.php and just force the prefix in there, in functions extensions_check_extensions_freepbx, just below the block that performs the above check, around line 192 of current version, add
  
  $vmprefix='*89';
  
  As for the theme, it will take some time to see if you can use custom themes to revert back to images. If I come up with something I will write an entry in the knowledgebase and probably FAQ (http://members.asternic.biz/knowledge_base)
  
  Best regards,
• nicolas

  May 2017

  Ok, I took the time to create the theme file to revert to the original image icons for toolbar buttons, it is explained here:
  
  http://members.asternic.biz/knowledge_base/fop2-custom-theme-reverting-to-image-colored-action-buttons-on-fop2-2-31-09-and-up
  
  And for archive purposes, here are the contents you need to write into /var/www/html/fop2/css/custom_theme/theme.css
  

  .actionbutton {
     padding:0;
  }
  
  .fop2-dial {
    background: url(../../images/toolbar/llamar.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-dial:before {
    content: ''
  }
  
  .fop2-transfer {
    background: url(../../images/toolbar/transferir.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-transfer:before {
    content: ''
  }
  
  .fop2-supervised_transfer {
    background: url(../../images/toolbar/supervised_transfer.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-supervised_transfer:before {
    content: ''
  }
  
  .fop2-vmail_transfer {
    background: url(../../images/toolbar/transferir_a_voicemail.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-vmail_transfer:before {
    content: ''
  }
  
  .fop2-mobile_transfer {
    background: url(../../images/toolbar/transferir_a_movil.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-mobile_transfer:before {
    content: ''
  }
  
  .fop2-pickup {
    background: url(../../images/toolbar/pickup.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-pickup:before {
    content: ''
  }
  
  .fop2-spy {
    background: url(../../images/toolbar/espiar.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-spy:before {
    content: ''
  }
  
  .fop2-whisper {
    background: url(../../images/toolbar/susurrar.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-whisper:before {
    content: ''
  }
  
  .fop2-hangup {
    background: url(../../images/toolbar/cortar.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-hangup:before {
    content: ''
  }
  
  .fop2-record {
    background: url(../../images/toolbar/record.png) no-repeat;
    width:40px;
    height:40px;
  }
  
  .fop2-record:before {
    content: ''
  }
  
• mainenotarynet

  May 2017

  OK- I'll have to suffer with the monochrome, as the icons do not fit the 'squares' from the 'font' variants. It woks but the old way looked better in my opinion but the file you posted the icons were smaller AND 3 were still font like. also I didn't say transfer to VOICEMAIL is *89 - I want any transfer EXCEPT to Parking Lot to be *89 (it plays a recording announcing where they are headed, I do not want that (*2+PL[70])but since it is the same 'icon' that is one or the other so that won't work either. Sorry to waste your time but neither are what I am looking for.
  
  Thanks anyways
• nicolas

  May 2017

  [attachment:5927a4313b4d2]
  
  Looks fine for me, perhaps you forgot the padding 0 for the action button.
  
  As for the extension used for transfers, is defined in the extension header in all button definitions, you can change that to whatever you like.
  
• nicolas

  May 2017 edited May 2017

  Icons look fine for me, perhaps you forgot the padding 0 for the actionbutton class?
  
  As for the target extension to transfer to, just change the extension header on the button configuration to whatever you like. That extension is the one used when you transfer to..
  
  Best regards,
• mainenotarynet

  May 2017

  This is what they look like to me -- and no I did not forget the padding:0; as I copied what you had above. Like I said not important I just don't like bland monochrome, but I am not turned off by it - I just liked the buttons in color. They are not even and the last 3 are not there at all so it looks evenn more stupid - Just leave it alone, not that important
  
  Extension header? Where / how to change as it I didn't see it on the buttons section of /admin/ .
  
  What I need is for "mainly BLIND Transfer" to do this
  
  call comes in -> click on ext to send call to -> click blind transfer -> Blind Transfer is ## I need to inject *89 BEFORE it dials the {$ext}
  
  Again these are "nice to have" not 'must work or else' so weather I can get this to work or not doesn't affect the program or my use of it.
  
  But really don't waste time getting it to work - it is not important.
  
  Thanks for trying -- I consider this closed now.
• nicolas

  May 2017

  Hi, I know you consider the color icons closed, but I will still reply as other users might find it useful.
  
  Those last 3 action buttons come from plugins, so you should follow a similar approach in the individual plugin .css files (/var/www/html/fop2/admin/plugins/xxxx/xxxx.css
  
  The main action buttons are the ones I listed, it seems you have mixed versions of icon images, you can open them individually and check their size, there is no reason to have one of the correct size and not the others if they share .css data.
  
  In any case, it is just html/css, nothing else/nothing more. It is not that difficult to alter/modify and make whatever you like with styles and visual representations, always abiding to html/css limitations/constraints.
  
  As for changing the extension to something else, you must modify the extension header on your configuration. When using automatic configuration you cannot change that via FOP2 manager, but you can change that manipulating the FOP2 buttons table. Suppose you want to try with extension 100, and if I understand correctly, you want transfers to be directed to*89100 instead of just 100. In that case do this
  

  mysql -u root -p asterisk -e "UPDATE fop2buttons SET extension='*89100' where extension='100'"
  

  After updating the field, restart FOP2:
  

  service fop2 restart
  

  
  And try to transfer to that extension... if it works and does what you want, then you can do the same for the rest of your extensions.
  
  
• mainenotarynet

  May 2017

  Still not right -- Attended transfer is ## unattended transfer is *2 and to park a call uses the attended transfer (*2)+the parking ext (70).
  
  What I want is not possible as you stilll don't understand - Short answer for all -It's not possible.
  
  doing what you suggest would dial *89(EXT) no matter which button you click (Dial, Attended or Blind) and THAT causes errors.
  
  NOT POSSIBLE - Let it go.