demo quicksetting

Friday, June 12, 2015 - 16:01

HI , i wanted some information about dexpquicksetting toggle. in order to customise it.

i noticed that there was an "empty" block in the bottom first region :

Theme Quick Settings' block i wanted to know where the content of this block is displayed. And the toggle generated. I alredu found the css : #block-dexp-quicksettings-dexp-quicksettings {
  position: fixed;
  background: #303030;
  left: -207px;
  -webkit-transition: left 0.5s linear;
  -moz-transition: left 0.5s linear;
  -o-transition: left 0.5s linear;
  -ms-transition: left 0.5s linear;
  transition: left 0.5s linear;
  top: 96px;
  z-index: 999;
}
#block-dexp-quicksettings-dexp-quicksettings h3.block-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
}
#block-dexp-quicksettings-dexp-quicksettings.open {
  left: 0;
}
#block-dexp-quicksettings-dexp-quicksettings .content {
  padding: 2px 18px 10px;
  width: 205px;
}
#block-dexp-quicksettings-dexp-quicksettings h3 {
  color: #848688;
  font-size: 13px;
  margin: 5px 0 -5px 1px;
  line-height: 30px;
  clear: both;
}
#block-dexp-quicksettings-dexp-quicksettings select.form-select {
  border-radius: 2px;
  color: #848688;
  cursor: pointer;
  font-size: 13px;
  margin: 2px 0 10px 2px;
  padding: 5px;
  width: 164px;
  height: 30px !important;
  line-height: 30px;
}
#block-dexp-quicksettings-dexp-quicksettings ul.presets,
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background {
  margin: 0;
  padding: 0;
}
#block-dexp-quicksettings-dexp-quicksettings ul.presets li,
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background li {
  float: left;
  margin: 4px 2px 0;
}
#block-dexp-quicksettings-dexp-quicksettings ul.presets li span,
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background li span {
  cursor: pointer;
  width: 37px;
  height: 25px;
  display: block;
  border-radius: 2px;
}
#block-dexp-quicksettings-dexp-quicksettings span.bg1 {
  background: url("../images/bg/1.png");
}
#block-dexp-quicksettings-dexp-quicksettings span.bg2 {
  background: url("../images/bg/2.png");
}
#block-dexp-quicksettings-dexp-quicksettings span.bg3 {
  background: url("../images/bg/3.png");
}
#block-dexp-quicksettings-dexp-quicksettings span.bg4 {
  background: url("../images/bg/4.png");
}
#block-dexp-quicksettings-dexp-quicksettings span.bg5 {
  background: url("../images/bg/5.png");
}
#block-dexp-quicksettings-dexp-quicksettings span.bg6 {
  background: url("../images/bg/6.png");
}
#block-dexp-quicksettings-dexp-quicksettings span.bg7 {
  background: url("../images/bg/7.png");
}
#block-dexp-quicksettings-dexp-quicksettings span.bg8 {
  background: url("../images/bg/8.png");
}
#block-dexp-quicksettings-dexp-quicksettings .quicksettings_toggle {
  background: url("../images/switcher.png") no-repeat scroll 10px center #303030;
  display: block;
  height: 44px;
  position: absolute;
  right: -44px;
  text-indent: -9999px;
  top: 0;
  width: 44px;
  cursor: pointer;
}   Thanks       
Wednesday, June 17, 2015 - 20:32

no answer ?

Thursday, June 18, 2015 - 22:48

Hello itool,

Sorry for lately response because we focus on ticket system and forget your post on forum. 

About Theme Quick Settings, the content is located in dexp_quicksettings module. 

Thank you.

Tuesday, July 21, 2015 - 22:13

Yes i find it , i duppplicated the file and renamed it dexp_callcenterben but it seems it isn't working could you tell me why ? ( i add a zip file of the folder) and the code if you can't download.

 

my php template is now called callcenterben.tpl

<?php

  $current_path = current_path();

?>

<span class="callcenterben_toggle"></span>

<div class="dexp_settings">

    <a href="#" class="btn btn-lg btn-success"><span class="glyphicon glyphicon-earphone"></span>  Rappel Immediat</a><br />
    <a href="#" class="btn btn-lg btn-warning"><span class="glyphicon glyphicon-send"></span> Essai Gratuit</a><br />
    <a href="#" class="btn btn-lg btn-primary"><span class="glyphicon glyphicon-shopping-cart"></span> Boutique</a>

  <div class="clearfix"></div>

</div>

<script type="text/javascript">

  jQuery(document).ready(function($){

    $('.callcenterben_toggle').click(function(){

      $('#block-dexp-callcenterben-dexp-callcenterben').toggleClass('open');

    })

    

  })

</script>

 

 

my info is now called dexp_callcenterben, the code is :

name = DrupalExp call center Settings
description = " test insertion block rappel immédiat et call center module"
core = 7.x
package = DrupalExp
 

my module is now called dexp_callcenterben the code is : 

<?php


//création d'un bloc dans la liste des blocks
function dexp_callcenterben_block_info() {
  $blocks['dexp_callcenterben'] = array(
      'info' => t('Bloc api drupal via module dexp'), //le nom affiché dans la liste de blocks.
      'cache' => 3, //par défaut 3
  );
  return $blocks;
}
//création contenu du block :La particularité de ce hook réside dans le paramètre $delta, lequel comme son nom l’indique fait référence à l’identifiant unique du bloc dans le module (défini au préalable dans hook_block_info()).
function dexp_callcenterben_block_view($delta = '') {
  switch ($delta) {
    case 'dexp_callcenterben':
      $block['subject'] = t('Bloc call center fixed');
      // ici cela peut prendre une forme plus simple : $block['content'] = "Mon bloc" ; ou comme dans dexp_setting  :theme('dexp_callcenterben', array('presets' => dexp_callcenterben_presets()));
      $block['content'] = "Mon bloc" ;
      
  break;
  }
  return $block;
}

 

Wednesday, July 22, 2015 - 16:47

Hi,

Please get the attached file to replace your module.

Thank you.