Recent Posts

Pages: 1 ... 6 7 [8] 9 10

Components / Re: MYcontent Component

« Last post by datahell on May 19, 2025, 20:45:14 »

You can add your custom CSS in user.config.css, it is easier as you don't have to edit template files.

Elxis administration > Site > Code editor
Click on user.config.css
Add your custom styling there and save the file.

Sample styling
Make the DIV having background color gray:
.myc_attachedfile {
background:#F2F2F2; padding:10px;
}
Make the link display block and with red bold letters:
.myc_attachedfile a, .myc_attachedfile a:hover, .myc_attachedfile a:visited, .myc_attachedfile a:active {
display:block; font-weight:bold; color:#FF0000;
}
.myc_attachedfile a:hover { color:#000000; }

Running the editor in front-end in full mode is a VERY BAD idea.

Πρόσθετα / Re: Insert html to article body

« Last post by Blacksoll on May 19, 2025, 09:23:53 »

Quote from: datahell on May 18, 2025, 21:19:00

Ρε μάστορα τι έκανες εκεί; Έβαλες ολόκληρη html σελίδα, όχι απλά τον κώδικα που θες. Εννοείται θα καταστραφεί η html του site.

Χα, χα, χα !!!

Τώρα που το αναφέρεις, έχεις δίκιο αλλά όταν πάτησα το paste μου φάνηκε καλή ιδέα ! Που να δείς άλλα που έχω κάνει........Πού θα πάει, θα μάθω. Έχω κοπιάρει και τρέχω το site σε xampp offline και πρώτα κάνω τις δοκιμές εκεί πλέον γιατί κανά - δύο φορές όχι το Elxis, ούτε ο server δεν γλύτωσε !

Γιατί νομίζεις ότι ζήτησα στα feature requests restore function ? Έτσι τυχαία ?
Θα το παλέψω να το φτιάξω σύμφωνα με το παράδειγμα !

Με κανά κολπάκι τύπου όπως το Menu Wrapper δεν παίζει να κάνω την ζωή μου ποιό εύκολη, έ ?

Components / Re: MYcontent Component

« Last post by cardinal 22 on May 19, 2025, 07:43:57 »

what a nice surprise!!! Thank you very much! The "mycontent" is the most advanced and powrful extention for functionality of Elxis users.

1)Which file of template shoulid i edit for the "myc_attachedfile" css??

2)Can i unlock the editor too somehow? To be full functional?

Thank you so much! Perfect!

Πρόσθετα / Re: Insert html to article body

« Last post by datahell on May 18, 2025, 21:19:00 »

Ρε μάστορα τι έκανες εκεί; Έβαλες ολόκληρη html σελίδα, όχι απλά τον κώδικα που θες. Εννοείται θα καταστραφεί η html του site. Στον editor θα βάλεις μόνο τη βασική html. css και javascript πρέπει να φορτωθούν στο head του site μέσω του template σου. Το bootstrap δεν χρειάζεται, μπορείς να χρησιμοποιήσεις ενσωματωμένη στο elxis μορφοποίηση με τις γραμμές που κάνει το Elxis στις φόρμες. Οπότε στο head φορτώνεις μόνο το αρχείο javascript με τη συνάρτηση calculate.

Παράδειγμα:

<div class="elx5_formrow">
<label class="elx5_label" for="oil">Κόστος λίτρου πετρελαίου (€)</label>
<div class="elx5_labelside">
<input type="number" id="oil" class="elx5_text elx5_minitext" value="1.10" step="0.01" onchange="calculate();">
</div>
</div>

Components / Component My Content v2.2

« Last post by datahell on May 18, 2025, 21:16:06 »

I just updated component My Content and added the functionality you want!
Allowed file extensions are: pdf, xls, xlsx, ppt, pptx, doc, docx, txt.
Update to version 2.2 and you are ready.

Instructions
1. Edit component parameters and set the position for Attach files block.
2. Go and edit an article, you will see that you can attach files.
3. When displaying the articles the download links have no special styling, so they might look ugly. You can beatify by using the CSS class "myc_attachedfile" on a DIV element that wraps the link.
This is the HTML it generates for each attached file: <div class="myc_attachedfile"><a href="#">File PDF</a></div>

Component My Content at elxis.net

Πρόσθετα / Insert html to article body

« Last post by Blacksoll on May 17, 2025, 13:55:48 »

Καλησπέρα !
Έχω βρεί έτοιμο σχεδόν ένα calculator απο το GitHub, το τροποποίησα & μετάφρασα κατά τις ανάγκες μου και προσπάθησα να το ενσωματώσω σε ένα άρθρο. Εκεί έγινε ο κακός χαμός. Το άρθρο απο το backend μετά δεν ήταν προσβάσιμο για edit. Έπαιξα με διάφορα στον κώδικα αλλά δεν έβγαλα άκρη. Αρχάριος βλέπεις.....

Το καθαρό html το έχω ανεβάσει εδώ.

Πώς μπορώ να το ενσωματώσω σε άρθρο ?
Ο κώδικας του html είναι ο παρακάτω:

Code: [Select]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Κόστος χρήσης λέβητα πετρελαίου vs αντλίας θερμότητος</title>
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background-color: #f8f9fa;
            min-height: 100vh;
            display: flex;
            align-items: center;
        }
        .narrow-input {
        max-width: 150px; /* Adjust this value as needed */
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6">
                <div class="card shadow">
                    <div class="card-body">
                        <h2 class="card-title text-center mb-2">Κόστος χρήσης λέβητα πετρελαίου σε σύγκριση με αντλία θερμότητος</h2>
                        <div class="mb-2">
                            <label for="oil" class="form-label">Κόστος λίτρου πετρελαίου (€)</label>
                            <input type="number" id="oil" class="form-control narrow-input" value="1.10" step="0.01">
                        </div>
                        <div class="mb-2">
                            <label for="eff" class="form-label">Βαθμός απόδοσης λέβητα % (Συμπύκνωσης 93% Συμβατικός 70%)</label>
                            <input type="number" id="eff" class="form-control narrow-input" value="70">
                        </div>
                        <div class="mb-2">
                            <label for="OilkW" class="form-label">Ενέργεια πετρελαίου ανά λίτρο (10.36 kW Google)</label>
                            <input type="number" id="OilkW" class="form-control narrow-input" value="10.36" step="0.01">
                        </div>
                        <div class="mb-2">
                            <label for="electric" class="form-label">Κόστος κιλοβατώρας (€ kWh)</label>
                            <input type="number" id="electric" class="form-control narrow-input" value="0.2486" step="0.001">
                        </div>
                        <div class="mb-2">
                            <label for="scop" class="form-label">Βαθμός απόδοσης αντλίας SCOP (3 - 5 Σύνηθες 3.6)</label>
                            <input type="number" id="scop" class="form-control narrow-input" value="3.6" step="0.01" min="1" max="10">
                        </div>
                        <div class="mt-2">
                            <p>Κόστος κιλοβατώρας θέρμανσης πετρελαίου: <b>€</b><span id="oilResult" class="fw-bold"></span></p>
                            <p>Κόστος κιλοβατώρας θέρμανσης αντλίας: <b>€</b><span id="heatPumpResult" class="fw-bold"></span></p>
                            <p>Υπολογισμός: Η αντλία θερμότητος έχει κόστος χρήσης <span id="result" class="fw-bold"></span><b>%</b> σε σχέση με τον λέβητα πετρελαίου.</p>
                            <p>Νικητής: <span id="winner" class="fw-bold"></span></p>
                        </div>
                        <div>
                            Ο παρών υπολογισμός αποτελεί ένα γρήγορο & ενδεικτικό οδηγό. Τα αποτελέσματα μπορούν να διαφέρουν ανάλογα με τις κλιματικές συνθήκες, την ποιότητα της μόνωσης του κτιρίου και τις πραγματικές ενεργειακές ανάγκες.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap 5 JS (optional, only needed if you're using Bootstrap's JavaScript components) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    
    <script>
        function calculate() {
            const oil = parseFloat(document.getElementById('oil').value);
            const eff = parseFloat(document.getElementById('eff').value);
            const oilkW = parseFloat(document.getElementById('OilkW').value);
            const electric = parseFloat(document.getElementById('electric').value);
            const scop = parseFloat(document.getElementById('scop').value);
            
            if (isNaN(oil) || isNaN(eff) || isNaN(oilkW) || isNaN(electric) || isNaN(scop)) {
                document.getElementById('result').textContent = "Please enter valid numbers";
            } else {
                const oilResult = (oil / oilkW) / (eff / 100);
                const heatPumpResult = (electric / scop);
                document.getElementById('heatPumpResult').textContent = heatPumpResult.toFixed(3);
                document.getElementById('oilResult').textContent = oilResult.toFixed(3);
                document.getElementById('result').textContent = ((heatPumpResult / oilResult) * 100 -100).toFixed(2);
                if (heatPumpResult < oilResult) {
                    document.getElementById('winner').textContent = "Αντλία θερμότητος"
                }
                else{
                    document.getElementById('winner').textContent = "Λέβητας πετρελαίου"
                }
            }
        }

        // Add event listeners to input fields
        document.getElementById('oil').addEventListener('input', calculate);
        document.getElementById('eff').addEventListener('input', calculate);
        document.getElementById('OilkW').addEventListener('input', calculate);
        document.getElementById('electric').addEventListener('input', calculate);
        document.getElementById('scop').addEventListener('input', calculate);

        // Call calculate when the page loads
        window.addEventListener('load', calculate);
    </script>
</body>
</html>

Components / Re: MYcontent Component

« Last post by cardinal 22 on May 16, 2025, 20:40:44 »

Although i unsterstand that there are some security reasons, but i want to make some changes for my own purposes. Is there anybody that can add some more funciontality to "Mycontent"?

Components / Re: MYcontent Component

« Last post by datahell on May 15, 2025, 14:44:40 »

MyContent has been designed as a lightweight content editing application for public interface editing when backend editing is not an option. Therefor uploading files and a full html editor is out of scope. It is mostly a matter of security. If you don't need this feature too often you can use the Downloads plugin, edit the article from backend and attach the PDF.

Πρόσθετα / Re: Πρόσθετο Google maps

« Last post by michalis1984 on May 14, 2025, 01:13:54 »

Θα σου φάει το βαρετό μέρος της δουλειάς Γιάννη. Το exciting-δημιουργικό part θα συνεχίσει να είναι δικό σου

Μάλιστα ίσως το elxis 6 να το φτιάξεις με την βοήθεια AI.

Components / MYcontent Component

« Last post by cardinal 22 on May 13, 2025, 20:29:32 »

Hello everyone, i want to add the function pdf at component "mycontent". As it is for uploading images. I also wondering if there is a way to unlock full editor functions as it is in backend. I tried to change the setting to "rich" from "limited" editor but nothing changed at all. So all i want is to have the option to upload a pdf documents also , not only images.

Thanks in advance.

Pages: 1 ... 6 7 [8] 9 10