lundi 4 avril 2016

Wordpress plugin-"Appointment calendar" not functioning

I am using wordpress plugin "Appointment Calendar" . There is an option named time off.In dat when I click on Start Time as well as End Time pop up box is noy displaying. I need that pop up box to set up the time. I found something like following.

load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,jquery-ui-slider,jquery-touch-punch,iris,w…:14 Uncaught TypeError: this._off is not a function

Please do help me to solve this issue

Thank you in advance



via Chebli Mohamed

dimanche 3 avril 2016

Free wordpress registration form

Who knows where to get the registration form plugin for Wordpress that there were fields with name, last name, username, password, confirm password and CAPTCHA



via Chebli Mohamed

Run Switchery, Select2 and wpColorPicker jQuery plugins in dynamically new elements

I'm working on a tiny wordpress plugin has a repeater which has some jQuery controls like Switchery, Select2, uploadMedia and wpColorPicker.

Is there a way to run event handlers for each control once in js file like Upload Media, it was very easy to bind it once for all new controls with this line

$('body').on('click', 'a.btn_media_upload', function (e) { });

All jQuery controls need an inline script for each once and i think it's not good, I test DOMNodeInserted but it didn't work and i read it's deprecated, Then i try to use the new way MutationObserver but unfortunately i failed to use it :)

Thanks for your help!



via Chebli Mohamed

How i can make that mobile menu fill the 50% of the width of the screen in Wordpress?

I have a problem after installed "Mobile Navigation" Wordpress Plugin to enable a mobile menu for my custom theme got fill the 100% of the width of the screen. So how I can make that mobile menu fill the 50% of the width of the screen like concept below?

mobile menu

Here css for mobile menu

 .mn-navigation-wrap.mn-dark [class*="icono-"] {
  color: #000; }

.mn-icon-wrap {
  position: relative;
  padding: 12px;
  border: 1px solid transparent;
  display: inline-block;
  box-sizing: content-box;
  vertical-align: top;
  background-color: transparent;
  margin-bottom: 0;
  overflow: hidden;
  float: right;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mn-icon-wrap:hover {
    cursor: pointer; }
  .mn-icon-wrap [class*="icono-"], .mn-icon-wrap [class*="icono-"] * {
    box-sizing: border-box; }
  .mn-icon-wrap [class*="icono-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-style: normal;
    color: #fff;
    text-align: left;
    text-indent: -9999px;
    direction: ltr; }
  .mn-icon-wrap [class*="icono-"]:before,
  .mn-icon-wrap [class*="icono-"]:after {
    content: '';
    pointer-events: none; }
  .mn-icon-wrap .icono-cross:before {
    width: 20px;
    height: 2px; }
  .mn-icon-wrap .icono-cross:after {
    height: 20px;
    width: 2px; }
  .mn-icon-wrap .icono-cross:before,
  .mn-icon-wrap .icono-cross:after {
    box-shadow: inset 0 0 0 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px; }
  .mn-icon-wrap .icono-bars {
    width: 20px;
    height: 2px;
    box-shadow: inset 0 0 0 32px,0 -6px,0 6px;
    margin: 16px 7px;
    border-radius: 5px; }
  .mn-icon-wrap .icono-cross {
    display: none;
    width: 30px;
    height: 30px;
    margin: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

.mn-navigation-wrap {
  display: none;
  max-height: 60px;
  background: #000;
  background: #dd3333;
  overflow: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000; }
  .mn-navigation-wrap.hidebar {
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out; }
  .mn-navigation-wrap .mn-logo-text {
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    font-size: 24px; }
    .mn-navigation-wrap .mn-logo-text a {
      color: #fff;
      text-decoration: none;
      font-family: Georgia;
      font-family: ''; }
  .mn-navigation-wrap .mn-logo-image {
    height: 60px;
    display: block;
    float: left;
    padding: 10px 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mn-navigation-wrap .mn-logo-image img {
      height: 100%;
      width: auto; }
  .mn-navigation-wrap .mn-menu-wrap {
    display: none;
    font-family: Arial;
    font-family: ''; }
    .mn-navigation-wrap .mn-menu-wrap ul {
      clear: both;
      padding: 0;
      margin: 0; }
    .mn-navigation-wrap .mn-menu-wrap .sub-menu a {
      padding-left: 50px; }
    .mn-navigation-wrap .mn-menu-wrap .sub-menu .sub-menu a {
      padding-left: 80px; }
    .mn-navigation-wrap .mn-menu-wrap .sub-menu .sub-menu .sub-menu a {
      padding-left: 110px; }
    .mn-navigation-wrap .mn-menu-wrap .sub-menu .sub-menu .sub-menu .sub-menu a {
      padding-left: 140px; }
    .mn-navigation-wrap .mn-menu-wrap .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu a {
      padding-left: 170px; }
    .mn-navigation-wrap .mn-menu-wrap .current-menu-item > a,
    .mn-navigation-wrap .mn-menu-wrap .current_page_item > a {
      background: rgba(255, 255, 255, 0.2); }
    .mn-navigation-wrap .mn-menu-wrap li a {
      color: rgba(255, 255, 255, 0.8);
      padding: 10px 20px;
      display: block;
      list-style: none;
      text-decoration: none;
      line-height: 1.5; }
      .mn-navigation-wrap .mn-menu-wrap li a:hover {
        background: rgba(255, 255, 255, 0.3); }
  .mn-navigation-wrap.mn-dark .mn-logo-text a {
    color: #000; }
  .mn-navigation-wrap.mn-dark .mn-menu-wrap li a {
    color: rgba(0, 0, 0, 0.8); }
    .mn-navigation-wrap.mn-dark .mn-menu-wrap li a:hover {
      background: rgba(0, 0, 0, 0.3); }
  .mn-navigation-wrap.mn-dark .mn-menu-wrap .current-menu-item > a,
  .mn-navigation-wrap.mn-dark .mn-menu-wrap .current_page_item > a {
    background: rgba(0, 0, 0, 0.2); }

@media only screen and (max-width: 500px) {
  html {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 60px !important; }
    html body {
      padding: 0 !important;
      margin: 0 !important; }
    html.mn-open {
      overflow: hidden !important;
      background: #000;
      background: #dd3333; }
      html.mn-open body {
        overflow: hidden !important; }
      html.mn-open .mn-navigation-wrap {
        top: 0;
        left: 0;
        z-index: 10000;
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
        background: #000;
        background: #dd3333; }
      html.mn-open .mn-menu-wrap {
        display: block; }
    html .mn-navigation-wrap {
      display: block; }
      html .mn-navigation-wrap.hidebar {
        max-height: 0; } }

For further detail please check out my development url



via Chebli Mohamed

Contact Form 7 - Required Field Attribute not Working

I have use contact form 7 in WordPress but the required field is not working. I didn't installed any others plugin. So, Please help me. How to work it properly.

Thanks



via Chebli Mohamed

samedi 2 avril 2016

PHP - How do I check if this WordPress Ninjaform shortcode is empty or not?

thanks for taking a look at my question.

What I need to do is pretty elementary, I'm using Ninja Forms to use as my form submission method. They have default post options which is great, so what this means is that I get any data via custom shortcodes, example:

If I want to get the name of a user it would be something like this:

[ninja_forms_field id=77]

What I'm trying to do is to add a conditional to a PHP code that will tell me if the shortcode is empty or not, something like this:

  if([ninja_forms_field id=77]){
      echo "works";
   } 
    else{
      echo "nope";
     }

Basic idea is to check if the shortcode is returning something, ive tried !empty() ... that doesn't work either.

Here's a quick guide on using Shortcodes in Ninja Forms

If you have any ideas on how to check shortcodes in WordPress please let me know, thanks!!



via Chebli Mohamed

edu expression plugin for wordpress

I installed Edu Expression Pro (Exam Application) Plugin on my wordpress site. I have done all the necessary configurations but the problem is how to link the plug in to the website fronpage, so that users can do the assessment (exam). I have search the internet for the plugin documentation but I cant find one. Please help.



via Chebli Mohamed