This topic contains 7 replies, has 2 voices, and was last updated by Sean Sean 1 year, 10 months ago.

Change in image names & path in page_user_login_6.html

  • Sean
    Sean
    Keymaster

    Posts: 4481
    Support Staff Reply #7431

    Hi,

    You should change the image paths in the JS script:
    assets/pages/scripts/login-5.min.js

    You can edit it under login-5.js and run “gulp minify” to minify modified “js” files into “min.js” files. To learn how to run Metronic’s gulp tasks please refer to the documentation under “_documentation/index.html”.

    If you need any further clarifications please let us know.

    Thanks.

     


    doers19901002
    Participant

    Posts: 6
    Member Reply #7450

    Hi,

     

    Thank you for your revert. But I would like to retrieve it dynamically via database. How can I do that?

    Sean
    Sean
    Keymaster

    Posts: 4481
    Support Staff Reply #7456

    Hi,

    You just need to initialize the backstretch plugin in HTML not inside the JS script. So please remove it from the js script and append below code into your page’s HTML:

    jQuery(document).ready(function() {

    $.backstretch([

    “../assets/pages/media/bg/1.jpg”,

    “../assets/pages/media/bg/2.jpg”,

    “../assets/pages/media/bg/3.jpg”,

    “../assets/pages/media/bg/4.jpg”

    ], {

    fade: 1000,

    duration: 8000

    }

    );

    });

    In HTML level you can get those image URLs from database and dynamically set right in the JS code.

    If you need any further clarifications please let us know.

    Thanks.


    doers19901002
    Participant

    Posts: 6
    Member Reply #7467

    Hi

    I want to create functionality with the combination of 2 pages:

    http://keenthemes.com/preview/metronic/theme/admin_4/components_date_time_pickers.html?#

    http://keenthemes.com/preview/metronic/theme/admin_4/app_calendar.html

    It working as it should with the original functionality. However, I would like to modify the core functionality.

    I am working with Time Picker. I am using 2 time pickers; Start Time & End Time from <span style=”line-height: 1.5;”>components_date_time_pickers.html</span><span style=”line-height: 1.5;”>. I  would like to add both the date under Events of </span><span style=”line-height: 1.5;”>app_calendar.html in </span><span style=”line-height: 1.5;”>components_date_time_pickers.html. </span>

    Also, I would like to delete default values; “My Event 1”, “My Event 2″ …..

    <form class=”inline-form form-horizontal form-bordered”>

    <div class=”form-body form”>

    <div class=”form-group”>

    <label class=”control-label col-md-3″>Start Time</label>

    <div class=”col-md-3″>

    <div class=”input-icon”>

    <i class=”fa fa-clock-o”></i>

    <input type=”text” class=”form-control timepicker timepicker-24″ id=”event_title”>

     

    </div>

     

    </div>

    </div>

    <div class=”form-group”>

    <label class=”control-label col-md-3″>End Time</label>

    <div class=”col-md-3″>

    <div class=”input-icon”>

    <i class=”fa fa-clock-o”></i>

    <input type=”text” class=”form-control timepicker timepicker-24″> </div>

    </div>

    </div>

    <div class=”form-group”>

    <label class=”control-label col-md-3″></label>

    <div class=”col-md-3″>

    Add Shedule

    <i class=”fa fa-share”></i>

     

    </div>

    </div>

    <div class=”form-group eventssha”>

    <div id=”event_box” class=”margin-bottom-10″></div>

    </div>

     

    </div>

    </form>

     

    I want the result as “{Start Time} – {End Time}” in the event_box.

    • This reply was modified 1 year, 10 months ago by  doers19901002.
    Attachments:
    You must be logged in to view attached files.

    doers19901002
    Participant

    Posts: 6
    Member Reply #7475

     

    I would be currently fetching schedules for from database. So I would like to display them on Calendar Manually via HTML. Also, how will I be able to drab & Drop the values from Calendar into another div?

    http://keenthemes.com/preview/metronic/theme/admin_4/app_calendar.html


    doers19901002
    Participant

    Posts: 6
    Member Reply #7476

    <strong style=”margin: 0px; padding: 0px; border: 0px; font-size: 15px; color: #242729; font-family: Arial, ‘Helvetica Neue’, Helvetica, sans-serif; line-height: 19.5px;”>how to add “move to trash” function to fullcalendar?

     
    <h1 style=”margin: 0px 0px 0.5em; padding: 0px; border: 0px; font-size: 22px; line-height: 1.3; color: #242729; font-family: Arial, ‘Helvetica Neue’, Helvetica, sans-serif;”>Delete event by dragging it outside of the full calendar?</h1>

    Sean
    Sean
    Keymaster

    Posts: 4481
    Support Staff Reply #7485

You must be logged in to reply to this topic.