Forum Replies Created

Viewing 62 posts - 1 through 62 (of 62 total)
  • Author
    Posts
  • in reply to: Expand image seen in the upper carousel (not thumbnails) #10031405
    pellesoft
    Participant

    Hi Rodrigo, i tried to add this at custom.css but it does not seems to work. I have added it so it could be seen on the link https://www.mcparken.se/pages/product/product.aspx?id=120.

    Thanks, i will try to see if that is possible!

    Regards
    Pelle


    in reply to: Expand image seen in the upper carousel (not thumbnails) #10031372
    pellesoft
    Participant
    in reply to: Expand image seen in the upper carousel (not thumbnails) #10031370
    pellesoft
    Participant

    Hi, please ignore the above question – i have solved it.

    However 2 new issues still to solve,
    https://www.mcparken.se/pages/product/product.aspx?id=120

    i am using movie clips as well. i cannot access the control buttons in the movie, play etc. And thereby i assume that there will be an issue when expanding the movie as well.

    The second issue in general is that when i have expanded the images, i cannot swipe on my ipad, i have to press the buttons to move, so when using ipad in standing format, i cannot see the buttons so i have to put it in flat-mode, then the arrows appear.

    I can send a movie to show the actions if i was explained badly.

    <!-- object -->
                                                <div class="appear-animation animated expandIn appear-animation-visible" data-appear-animation="expandIn" data-appear-animation-delay="200" style="animation-delay: 200ms;">
                                                    <div class="portfolio-item">
                                                        <span class="thumb-info thumb-info-lighten thumb-info-centered-icons border-radius-0">
                                                            <span class="thumb-info-wrapper border-radius-0">
                                                                <img src="img/viechle/Kawasaki%20Versys%20650.png" class="img-fluid border-radius-0" alt="" >
                                                                    
                                                                    
                                                                <span class="thumb-info-action">
                                                                    <video controls autoplay muted class="lightbox-portfolio w-100 h-auto">
                                                                        <source="img/viechle/test.MOV" class="img-fluid border-radius-0" alt="" type="video/mp4" >
                                                                        <span class="thumb-info-action-icon thumb-info-action-icon-light"><i class="fas fa-search text-dark"></i></span>
                                                                    </video>
                                                                </span>
                                                                
                                                            </span>
                                                        </span>
                                                    </div>
                                                </div>

    Many thanks in advance
    Regards
    Pelle


    in reply to: changed name from dropzone where file already exists #10031179
    pellesoft
    Participant

    Damn, i fixed it! I am not sure if you are interested in how i did – but that is a nice manner to share 🙂

    1. When uploading the file, it goes to another page and upload it / in my case – i changed the name if the same name existed and returned it.
    2. Dropzone recieved it and i saved the name and path

    
    file.previewElement.querySelector('[data-dz-name]').innerHTML = imgName;
                        file.name = imgName;
    
                        // Set the returned filename to the record if we are deleting it before postback
                        file.previewElement.id = imgName;

    3. when the delete action starts, check the object and fetch the filename from there.. Using this function, i was able to delete the correct file.

    
    // getting the filename from another place to be sure we delete the right file. It could be a pre-loaded file
                        // but also a newly added file that was just added and the page is not re-loaded with the data.
                        var thefileid = jQuery(file.previewElement).find('.dz-filename span').html();
       
                        //
                        if (confirm('You are about to delete the file ' + thefileid + '. Do you want to continue?')) {
                            // true
                        } else {
                            return;
                        }

    I send you a short movie on this ..
    https://www.dropbox.com/s/viud164o371y4b9/Sk%C3%A4rminspelning%202019-11-06%20kl.%2020.22.43.mov?dl=0

    Please feel free to make it even better if you have any ideas.

    Regards
    Pelle


    in reply to: changed name from dropzone where file already exists #10031177
    pellesoft
    Participant

    Found this, tried but just got error on creating object

    https://github.com/enyo/dropzone/issues/1399

    Regards
    Pelle


    in reply to: changed name from dropzone where file already exists #10031176
    pellesoft
    Participant

    I tried to add
    `
    – file.previewElement.querySelector(‘[data-dz-name]’).innerHTML = imgName;
    – file.name = imgName;
    `
    It looks right when hovering over the image but when the delete-action starts, it does not give me the right name so wrong image are delete.

    Sample:

    adding 1.jpg, adding 1.jpg (and system renames it to 1_1.jpg)
    when press delete on 1_1.jpg it deletes 1.jpg (fetch from file.name).


    in reply to: using a uploaded movie with the carousel #10031159
    pellesoft
    Participant

    Have i told you that you are amazing!!!!!???

    Pelle


    in reply to: using a uploaded movie with the carousel #10031158
    pellesoft
    Participant

    Also, is there a way to “click” on the movie (the small icons) so that the image is changes to that one, or do i have to generate an image instead of movie to click on perhaps?


    in reply to: using a uploaded movie with the carousel #10031156
    pellesoft
    Participant

    Here is the sequence on ipad pro
    https://www.dropbox.com/s/ghgkwuvbdo80lxh/RPReplay_Final1572980459.MP4?dl=0

    It can be seen on the 3 mini icons, the left most is coming over the 2:nd .

    Could it be so that i am missing a class on some object or missing the with/height when it comes to movie instead of img ?

    Regards
    Pelle


    in reply to: images not next to each other #10031146
    pellesoft
    Participant

    Thanks a million, that did the trick!

    All the best!
    Pelle


    in reply to: popup have become 100% wide #10031145
    pellesoft
    Participant

    Thanks Rodrigo, i must of been tired! (programming about 18 hours per day for the last 2 weeks now) 🙂
    I also had to keep the mfp-hide, otherwise it was not hidden when loading the page!

    So just saying, your help really makes difference!
    Regards
    Pelle


    pellesoft
    Participant

    Thank you so much, i added your css as well to the code.

    Regards
    Pelle


    in reply to: Portfolio with extra pagination #10031131
    pellesoft
    Participant

    Hi Rodrigo,

    Thank you for your answer. Then i understand why the h…l i didnt made it to work 🙂

    Best regards
    Pelle


    pellesoft
    Participant

    Yeah, i solved it. But does not know if this is the best approach. Please come with the a better solution

    var myDropzone = this;
    for (i = 0; i < existingFiles.length; i++) {
    myDropzone.emit(“addedfile”, existingFiles[i]);
    myDropzone.emit(“thumbnail”, existingFiles[i], existingFiles[i].name);
    myDropzone.emit(“complete”, existingFiles[i]);

    $( “img” ).css( “height”, “120px” );
    }


    pellesoft
    Participant

    I have attached a small film. I can fix the images, but not with css – just live. When trying to do the same on common.css it does not work
    https://www.dropbox.com/s/9v79buggyxq63ku/Sk%C3%A4rminspelning%202019-11-04%20kl.%2009.05.37.mov?dl=0

    Could it be so that when the image is added with the javascript, it also has to trigger to use css some how?


    in reply to: Dropzone #10031101
    pellesoft
    Participant

    i have figured out how to add images, but came into another issue. I have separated that question in another case.
    Best regards
    Pelle


    in reply to: Some finally fixes on this page #10031041
    pellesoft
    Participant

    Thank you ever so much Rodrigo!


    in reply to: left-align text on listbox #10030848
    pellesoft
    Participant

    It would be nice if the arrow is at the right corner, as the dropdown lists are having .. so they match ..

    https://www.dropbox.com/s/6o4w8xro5g4ztte/Sk%C3%A4rmavbild%202019-09-25%20kl.%2010.08.52.png?dl=0


    • This reply was modified 2 months, 2 weeks ago by  pellesoft.
    in reply to: left-align text on listbox #10030846
    pellesoft
    Participant

    Found a solution, but cannot find so that the icon also floats left (arrow down) after the text, its still in center

    /* set left align text in listbox */
    .multiselect-selected-text {
    float: left;
    }

    /* also move the icon “down” after text in listbox */


    pellesoft
    Participant

    I have done some changes but they are not 100% ok and not perfect. I do not think i can manage the rest by myself so some final coaching would be appreciated

    Thanks
    Pelle


    pellesoft
    Participant

    Found one of the issues! it comes from border-collapse: separate: !important;
    What is causing this, is the table not correctly wrapped perhaps? Should it be removed or?


    in reply to: Nanoscroller error #10030545
    pellesoft
    Participant

    Hi Rodrigo, thanks but there is no difference to make it run when adding this, but the javascript error dissapeared.
    Have i done something wrong in the html perhaps?

    I had an old page, there it works with the rolling information, see https://ellevio.pellesoft.se/kund/index-org.html

    https://ellevio.pellesoft.se/kund/index.html

    Regards
    Pelle


    in reply to: disable #10030515
    pellesoft
    Participant

    Thank you very much. It worked but there are some things that could be better. If you look at this, the dropbox is not grayed out, only disabled so that when pressed, no data will be showed – all other controls are greyed out. It would be nice to have all the controls to behave and look the same. If you need to dig in to this scenario, please contact me and i can show you the result that i got.


    in reply to: advanced masked input? #10030160
    pellesoft
    Participant
    in reply to: The dropdowns will not change width correct … #10030043
    pellesoft
    Participant

    Thank you ever so much, it worked perfectly, but just on that page. When trying to apply it on another page, that did not work. Its the dropdown called “Typ av fel” that not is 100% wide. Can you see why? https://ellevio.pellesoft.se/kund/felanmalan.html

    The last issue in this page, i hope is at https://ellevio.pellesoft.se/kund/ansokan-driftsnycklar.html

    The “key icon” and multiselect-box, they are becoming separated when the screen size becomes smaller. You have helped me there before for other type of boxes, but when trying to use your suggestion there, it seems that it doesnt work there, any idea?

    Best regards
    Pelle


    in reply to: file upload #10030030
    pellesoft
    Participant

    Thank you ever so much again!

    Now i am getting this message when loading the html-page. Unfortunately i cannot figure out what causes this ..

    dropzone.js:1040 Uncaught Error: Dropzone already attached.
    at new Dropzone (dropzone.js:1040)
    at dropzone.js:2968
    at Function.Dropzone.discover (dropzone.js:2974)
    at Dropzone._autoDiscoverFunction (dropzone.js:3516)
    at HTMLDocument.init (dropzone.js:3484)


    in reply to: change "search" to "sök" and some formatting #10030021
    pellesoft
    Participant

    You did it! Please tell me how you figured out 89.2% ???:)


    in reply to: change "search" to "sök" and some formatting #10030012
    pellesoft
    Participant

    Thanks Rodrigo!

    I have changed your suggestions, the search-box are now presented corrected, the swedish text for placeholder was perfect, thanks! The button width however are still the same width .. In this case, i assume it should be the whole form as it is declared as col-lg-12. Am i perhaps doing something wrong some other place?

    Regards
    Pelle


    in reply to: top user/role/time issue #10029978
    pellesoft
    Participant

    A off-topic again, as you know the code base best, is there any source within the library that i can use to update the date/time and clock in upper right corner hh:ss on the front page, sample 3 are the closest solution?

    https://codepen.io/iiSeptum/pen/cwHeL
    https://stackoverflow.com/questions/43097638/blink-the-time-like-a-real-digital-clock

    Regards
    Pelle


    in reply to: top user/role/time issue #10029976
    pellesoft
    Participant

    Hi Rodrigo, thanks so much again!

    I tried your second suggestion- feature-headers-flat-top-bar-top-borders.html
    I think that i will go with that, it solves the design pretty good.

    https://ellevio.pellesoft.se/kund/

    Right now, i am very close to nirvana!!

    I have a trick question if you are interested to see what could cause the issue ..

    When using the textscroller ( the words that changes) .. and i use another language – they are getting crazy so i had to set “notranslate” on theme, i have removed that now so that you could see it. Change the language to english and see what happens.

    Same goes with the text that floats in … under the animated ELLEVIO letters on first page ..

    Best
    Pelle


    in reply to: top user/role/time issue #10029962
    pellesoft
    Participant

    I think i fixed the arrow that was presented on the right side instead of the left side, i changed it in custom.css

    /* sätter pil på droplista för roll åt vänster */
    #header .header-nav-top .dropdown-menu:before {
    left: 20px;
    }

    Is that correct approach?


    in reply to: top user/role/time issue #10029961
    pellesoft
    Participant

    Hi Rodrigo, thanks for your suggestion. However, i do not like that the header-section becomes so high, it takes too much place of the screen. Best would be to place it “centered under the menu items and over the image” – but it seems that i cannot make it happen without messing all up, or do you think it’s possible? 🙂 i have tried to use top: -20px on the “<div id=”credentials” class=”header-row”>” but it does not move upward … Its ok not to be minimized when scrolling up .. just to be handled when the screen gets smaller as it does now.

    If that is not possible, You wrote that the header-top solved the issue om mac, i can see the same result in IE on Windows. So there must be something else, i use google crome 74.0.3…. for mac and there it works perfectly, but safari does not do the same. I can send you a film if you want to see the differences.

    Another question, when using the menus for user and roles, there are a small top arrow in the top of the dropdown on the right side of the list, could that be set to the left. Now it looks like the arrow is pointing to the next item (hope i explained that ok) 🙂

    Best regards and thank you so much for all amazing support!
    Pelle


    pellesoft
    Participant

    Hi, thanks for your samples, i have seen them. I am thinking more on like this, https://demo.themeregion.com/seeker/ – where you can search and have it center on the screen together with the float-in visuality. I am trying but are problably doing it wrong because it are NOT looking good 🙂


    pellesoft
    Participant

    Just glad to help you out, there are very very few errors in this library – i am really impressed!!

    Best regards
    Pelle


    in reply to: Using calendar in html5-template from admin #10029838
    pellesoft
    Participant

    Thanks, i have changed it and it is now working. Thanks for pointing me out in the right direction, you are truly great!


    in reply to: Using calendar in html5-template from admin #10029834
    pellesoft
    Participant

    Hi, figured it out, sad but theme.css are colliding with information that changes the top menu so it cannot be used, i have to extract the information for the calendar. Perhaps that will be changed in the future so that the css will be “combined” for both products or anyway can coexist?

    But the js-errors are still there, cannot understand why.


    in reply to: how to close an open menu #10029831
    pellesoft
    Participant

    Hi, forget all the above questions – i have solved most of them. Here are the current status
    https://ellevio.pellesoft.se/kund/felanmalan.html

    Question 1
    1. Hover the language, you can see orange when hover
    2. Select any language
    3. Try to hover, no orange hover over that menu item anymore.

    Question 2
    1. I know this is not your case but asking anyway
    2. Is it possible to format the language items with a thin line between each row (as it is in the main menu)

    Any ideas?
    Thank you very much for the great support you are given!
    Pelle


    in reply to: how to close an open menu #10029829
    pellesoft
    Participant

    sorry, i will not come longer than step 1 when clicking on one of the languages – so the menu will not disappear, uploaded the latest version after your suggestions.

    status:

    1. hover works on the main menu items, like “svenska”
    2. when click on a country, the text get translated
    3. a thin line between the rows are not seen
    4. the menu does not closes automatically (eg. for ipad)

    $(document).ready(function () {

    console.log(‘0.page ready’)

    // testing new solution from okler
    $(‘.translation-links a’).on(‘click’, function(e) {
    e.stopPropagation();
    $(this).closest(‘li’).addClass(‘close-translation’);
    console.log(‘1.we clicked on a menu item’)
    $(‘li.close-translation’).off(‘click’).on(‘click’, function() {
    console.log(‘2.we remove class’)
    $(this).removeClass(‘close-translation’);
    console.log(‘3.function run completely’)
    });
    });
    });


    in reply to: how to close an open menu #10029827
    pellesoft
    Participant

    Thank you ever so much Rodrigo! Brilliant!!!!!!

    Now there is only still one small issue with the menu close when one language item are pressed (to get 110% satisfaction). When you hover the item, the orange “selection” thing are not presented again, Is there someway to get it back?

    Another question, and i assume that this is beyond what is expected but i am asking and hoping for a solution there as well. Is it possible to get the amazing lines between each item that you have on each line in the other drop down menu items? This is another window so i do not expect you to solve it, but because your amazing template make it so close, its easy to wish for even more.

    Ps. My suggestion and gift back to you guys if you want, build in that language selection into you prototype as i have done, it will deliver more than expected for the customers and perhaps even sell more licenses!! The code i used is free and based on the solution from https://gtranslate.io

    Best regards
    Pelle


    • This reply was modified 6 months, 2 weeks ago by  pellesoft.
    in reply to: how to close an open menu #10029823
    pellesoft
    Participant

    I tried to change

    $(document).ready(function () {

    // catch click in the menu for languages
    $(‘.translation-links a’).on(‘click’, function() {
    $(this).closest(‘li’).addClass(‘close-translation’);
    $(‘li.close-translation’).off(‘click’).on(‘click’, function() {
    $(this).removeClass(‘close-translation’);
    });
    });
    });

    and used $(this).addClass(‘close-translation’);

    what happened was that the menu was closed, but the main item language was also removed so it was not able to click on it again..

    any ideas?


    in reply to: how to close an open menu #10029822
    pellesoft
    Participant

    Thank you so much for the effort – unfortunately i cannot see the result. I have added the information as you provided and put it on the index-page, frontpage but it will not close, however it works with the jQuery because i can add an alert there and it triggers on the remove class.. so the only thing that is left to test, why does not the class works – why are you having the media max-width to 1024px? Is that an if-statement?

    The question 2 is about the letters E L L E V I O that is presented so nice. These letters are floating on each other when i am using my phone to see the page, all other format, it seems that they are ok, but just 375px eg. are showing this wrong. I hope that this was more clear.

    Is it possible to attach images/movies when creating tickets?

    Regards
    Pelle


    in reply to: how to close an open menu #10029814
    pellesoft
    Participant

    sorry, if possible because i am a beginner , i want this to happen when i press a menu item, eg. like this so it will be easy for me to implement, ..

    i have prepared this so i can add code here…

    $(‘document’).ready(function () {

    // testar ny lösning
    $(‘.translation-links a’).click(function() {
    var lang = $(this).data(‘lang’);
    var $frame = $(‘dropdown-menu.translation-links.show’);

    console.info(‘klick på menyval, här ska vi försöka stänga menyn.’);

    $frame.collaps();

    return false;
    });

    });

    });


    in reply to: table-classes #10029710
    pellesoft
    Participant

    Also, in the upper right corner – there is an arrow down. When the section are expanded, should it not be arrow up?
    Also, the “close” icon next to it, how can i create a button that shows all hidden panels again?

    Thanks
    Pelle


    in reply to: table-classes #10029709
    pellesoft
    Participant

    The above sample is the opposite of what i think should be correct, wide screen = more fields, narrow screen = fewer fields.

    See your demo:
    https://preview.themeforest.net/item/porto-admin-responsive-html5-template/full_screen_preview/8539472?_ga=2.195987436.1328449911.1557840890-1915264817.1488107621


    in reply to: table-classes #10029708
    pellesoft
    Participant

    <table class=”table table-bordered table-striped mb-0″ id=”datatable-tabletools”>
    <thead>
    <tr>
    <th>Rendering engine</th>
    <th>Browser</th>
    <th>Platform(s)</th>
    <th class=”d-lg-none”>Engine version</th>
    <th class=”d-lg-none”>CSS grade</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Trident</td>
    <td>Internet
    Explorer 4.0
    </td>
    <td>Win 95+</td>
    <td class=”center d-lg-none”>4</td>
    <td class=”center d-lg-none”>X</td>
    </tr>
    <tr>
    <td>Trident</td>
    <td>Internet
    Explorer 5.0
    </td>
    <td>Win 95+</td>
    <td class=”center d-lg-none”>5</td>
    <td class=”center d-lg-none”>C</td>
    </tr>


    in reply to: validate change password #10029701
    pellesoft
    Participant

    Here are the sample code.

    i want then the password retype does not match “equalTo” an error should be presented, like “retype the password..” and it will not be submitted until they are not empty, and matches..

    thanks in advance


    in reply to: validate change password #10029700
    pellesoft
    Participant

    custom.js

    /* Add here all your JS customizations */

    $(“#formSignup”).validate({
    rules: {
    pwd: “required”,
    pwd_confirm: {
    required: true,
    equalTo: “#pwd”
    }
    },
    highlight: function( label ) {
    $(label).closest(‘.form-group’).removeClass(‘has-success’).addClass(‘has-error’);
    },
    success: function( label ) {
    $(label).closest(‘.form-group’).removeClass(‘has-error’);
    label.remove();
    },
    errorPlacement: function( error, element ) {
    var placement = element.closest(‘.input-group’);
    if (!placement.get(0)) {
    placement = element;
    }
    if (error.text() !== ”) {
    placement.after(error);
    }
    }
    });


    in reply to: validate change password #10029699
    pellesoft
    Participant

    <form id=”formSignup” action=”forms-validation.html” class=”form-horizontal” >
    <section class=”card”>
    <header class=”card-header”>
    <div class=”card-actions”>


    </div>

    <h2 class=”card-title”>Basic Form Validation</h2>
    <p class=”card-subtitle”>
    Basic validation will display a label with the error after the form control.
    </p>
    </header>

    <div class=”card-body”>

    <div class=”form-group row”>
    <label class=”col-sm-4 control-label text-sm-right pt-2″>Lösenord <span class=”required”>*</span></label>
    <div class=”col-sm-8″>
    <input id=”pwd” type=”password” title=”Ange ett lösenord” name=”fullname” class=”form-control input-lg” placeholder=”eg.: John Doe” required/>
    </div>
    </div>

    <div class=”form-group row”>
    <label class=”col-sm-4 control-label text-sm-right pt-2″>Ange lösenord igen <span class=”required”>*</span></label>
    <div class=”col-sm-8″>
    <input id=”pwd_confirm” type=”password” title=”Repetera lösenordet” name=”password” class=”form-control input-lg” placeholder=”eg.: John Doe” required/>
    </div>
    </div>
    </div>

    <footer class=”card-footer”>
    <div class=”row justify-content-end”>
    <div class=”col-sm-9″>
    <button class=”btn btn-primary”>Submit</button>
    <button type=”reset” class=”btn btn-default”>Reset</button>
    </div>
    </div>
    </footer>
    </section>

    </form>


    pellesoft
    Participant
    This reply has been marked as private.
    pellesoft
    Participant

    <!– Examples –>
    <scr ipt src=”js/examples/examples.modals.js”></script>

    <scri pt type=”text/javascript”>

    $(‘#modalBasic’).click();

    </scr ipt>


    pellesoft
    Participant

    just to test how i need it, i need something like this to trigger the click so that the modal window appears.

    <scr..ipt>
    parent.document.getElementById(‘modalBasic’).click();
    </scr..ipt>

    unfortunately this does not work. Any ideas? thanks..


    in reply to: The scale on the map seems not to change #10029620
    pellesoft
    Participant

    Damn, found it …

    you had set the wrong parameter id in the sample, it says “scale”, but should be “zoom”

    Ignore my ticket
    Regards
    Pelle

    /*
    Name: Maps / Basic – Examples
    Written by: Okler Themes – (http://www.okler.net)
    Theme Version: 2.1.1
    */

    (function($) {

    ‘use strict’;
    var initBasicWithMarkers = function() {
    var map = new GMaps({
    div: ‘#gmap-basic-marker’,
    lat: 59.37567,
    lng: 18.190527,
    zoom: 18
    });

    map.addMarker({
    lat: 59.37567,
    lng: 18.190527,
    infoWindow: {
    content: ‘<p>address#1</br>sample</p>’
    }
    });

    map.addMarker({
    lat: 59.3749042,
    lng: 18.1786445,
    infoWindow: {
    content: ‘<p>ICA Rudboda #1</br>Lidingö</p>’
    }
    });

    };

    // auto initialize
    $(function() {
    initBasicWithMarkers();
    });

    }).apply(this, [jQuery]);


    in reply to: Dropdown and Input box have different height #10029492
    pellesoft
    Participant
    This reply has been marked as private.
    in reply to: submit from a dialogbox #10029487
    pellesoft
    Participant

    Sorry, solved this as well 🙂

    the solution is to call document.forms[0].submit(); instead of document.form.submit(); or parent.document.form.submit();

    if someone can tell me why, i am really interested 🙂


    • This reply was modified 7 months, 3 weeks ago by  pellesoft.
    in reply to: submit from a dialogbox #10029485
    pellesoft
    Participant

    The question is based on this sample, how do i add a value to a hidden variable to set action and then submit the page from this code when i press confirm.

    <!– Modal Basic –>
    Basic

    <div id=”modalBasic” class=”modal-block mfp-hide”>
    <section class=”card”>
    <header class=”card-header”>
    <h2 class=”card-title”>Are you sure?</h2>
    </header>
    <div class=”card-body”>
    <div class=”modal-wrapper”>
    <div class=”modal-text”>
    <p class=”mb-0″>Are you sure that you want to delete this image?</p>
    </div>
    </div>
    </div>
    <footer class=”card-footer”>
    <div class=”row”>
    <div class=”col-md-12 text-right”>
    <button class=”btn btn-primary modal-confirm”>Confirm</button>
    <button class=”btn btn-default modal-dismiss”>Cancel</button>
    </div>
    </div>
    </footer>
    </section>
    </div>


    • This reply was modified 7 months, 3 weeks ago by  pellesoft.
    in reply to: sorting a table using css command? #10029482
    pellesoft
    Participant

    Jonas, re-editing the post/ticket – is that possible, also mark it as “done” ?


    in reply to: sorting a table using css command? #10029481
    pellesoft
    Participant

    Sorry Jonas, i figured it out as well – it seems that i have to do it with javascript and for others, cannot insert the code on an aspx-page that has a master page, i do not why – but it is so. Tell me if it’s possible to do it with css, that would be really nice! 🙂

    $(‘#datatable_default’).dataTable({
    dom: ‘<“row”<“col-lg-6″l><“col-lg-6″f>><“table-responsive”t>p’,
    paging: true,
    searching: true,
    “order”: [[6, “desc”]]
    });

    if there were another solution, i could create some neat code that also remembers what field on the current selected sort on each grid that the user works with.

    Regards
    Pelle


    pellesoft
    Participant

    And the buttons ..

    <div class=”btn-group-append text-lg-right”>
    <asp:Button ID=”btnSave” CssClass=”btn btn-primary ml-2″ OnClientClick=”setSpinnerValue()” runat=”server” Text=”Spara ändringar” />
    <asp:Button ID=”btnSend” CssClass=”btn btn-primary ml-2″ OnClientClick=”setSpinnerValue()” runat=”server” Text=”Skicka rapport” />
    </div>


    pellesoft
    Participant

    Hi Jonas, i finally figured it out. I had to in the asp:button move the value to a hidden asp:hidden-tag and from there fetch the value when submit the page. An example:

    <asp:HiddenField ID=”_slidervalue” runat=”server” />

    <div class=”card-body form-horizontal form-bordered”>
    <div class=”form-group row”>
    <label class=”col-lg-3 control-label text-lg-right pt-2″>Kvalitetsindex</label>
    <div class=”col-lg-9″>
    <div class=”mt-3 mb-3 slider-primary” data-plugin-slider data-plugin-options='{ “value”: <%=q_8_01%>, “range”: “min”, “max”: 6 }’ data-plugin-slider-output=”#listenSlider”>
    <input id=”listenSlider” type=”hidden” value=”3″ />
    </div>
    <p class=”output”>Ditt betyg är: <b><%=q_8_01%></b> av 6.</p>
    </div>
    </div>
    </div>

    <s..cript>
    function setSpinnerValue() {
    document.getElementById(‘ContentPlaceHolder1__slidervalue’).value = document.getElementById(‘listenSlider’).value;
    }
    </s..cript>


    pellesoft
    Participant

    Hi Jonas, i finally figured it out. I had to in the asp:button move the value to a hidden asp:hidden-tag and from there fetch the value when submit the page. An example:

    <asp:HiddenField ID=”_slidervalue” runat=”server” />

    <div class=”card-body form-horizontal form-bordered”>
    <div class=”form-group row”>
    <label class=”col-lg-3 control-label text-lg-right pt-2″>Kvalitetsindex</label>
    <div class=”col-lg-9″>
    <div class=”mt-3 mb-3 slider-primary” data-plugin-slider data-plugin-options='{ “value”: <%=q_8_01%>, “range”: “min”, “max”: 6 }’ data-plugin-slider-output=”#listenSlider”>
    <input id=”listenSlider” type=”hidden” value=”3″ />
    </div>
    <p class=”output”>Ditt betyg är: <b><%=q_8_01%></b> av 6.</p>
    </div>
    </div>
    </div>


    pellesoft
    Participant

    Dim x As String = Request.Params(“ContentPlaceHolder1_hiddenSlider”)
    Dim y As String = hiddenSlider.Value
    Dim z As String = Request(“ctl00$ContentPlaceHolder1$listenSlider”)


    pellesoft
    Participant

    <div class=”card-body form-horizontal form-bordered”>
    <div class=”form-group row”>
    <label class=”col-lg-3 control-label text-lg-right pt-2″>Kvalitetsindex</label>
    <div class=”col-lg-9″>
    <div class=”mt-3 mb-3 slider-primary” data-plugin-slider data-plugin-options='{ “value”: <%=q_8_01%>, “range”: “min”, “max”: 6 }’ data-plugin-slider-output=”#listenSlider”>
    <asp:HiddenField ID=”hiddenSlider” runat=”server” />
    <input id=”listenSlider” type=”hidden” value=”” />
    </div>
    <p class=”output”>Ditt betyg är: <b><%=q_8_01%></b> av 6.</p>
    </div>
    </div>
    </div>


Viewing 62 posts - 1 through 62 (of 62 total)