Astroid Framework live demo launched. #566

sonvnn · 2024-02-16T04:54:45Z

sonvnn
Feb 16, 2024
Maintainer

Dear all,

Live demo site launched. You can now test it at https://demo.astroidframe.work/
Please share your opinion about it so we can improve it better.

I am looking forward to hearing from you!

Thanks & Best Regards,
Sonny

Chacapamac · 2024-02-16T13:38:36Z

Chacapamac
Feb 16, 2024
Collaborator

BEAUTIFUL INCREDIBLE WORK! @sonvnn. 🚀🚀🚀👍

Are you using Astroid widgets in this demo?
— If You do, I think it will be nice to indicate what section is build with what widget to show Astroid power to potential users.
— Maybe having a widgets list somewhere that send the user to show where each widget is used

• I will take the time to review in detail and bring more ideas (if needed)

• What can you say about this “Two” template, what advantages?

1 reply

sonvnn Feb 17, 2024
Maintainer Author

You can download astroid quickstart package and test all widgets on your localhost. :)

rinka88 · 2024-02-17T06:43:18Z

rinka88
Feb 17, 2024
Collaborator

Great job.
Some versions of the template can be used without quickstart, simply by loading from Presets.
Are there any plans to make a template like Jollyany, only using Astroid without Sp page builder and Uikit.css.
Only Astroid and only bootstrap?

1 reply

sonvnn Feb 19, 2024
Maintainer Author

Hi @rinka88
Yes for sure. Because there were many problems when updating SP Page Builder from 4 to 5. I decided to only use Astroid on the template in the next templates of TemPlaza. No more SP Page Builder and UIKit. Just Astroid and Bootstrap.

Thanks & Best Regards,
Sonny

rinka88 · 2024-02-19T17:29:01Z

rinka88
Feb 19, 2024
Collaborator

And the second wish:
I know that this depends on the design and layout designer, but I would like that in the block menu section there was a choice of the type of materials, a picture on the left and texts with attributes on the right.
And not like now from below.
So that in the block menu from the override there is a choice of this type.

0 replies

Chacapamac · 2024-03-09T16:36:26Z

Chacapamac
Mar 9, 2024
Collaborator

@sonvnn
I think You should add a “Typography” page, always good for showing what you can do with Bootstrap/Astroid

Something like:

<div class="row">
    <div class="col-sm-12 col-xl-12">
        <h1>H1 Heading</h1>
        <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
        <h2>H2 Heading</h2>
        <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
        <h3>H3 Heading</h3>
        <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
        <h4>H4 Heading</h4>
        <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
        <h5>H5 Heading</h5>
        <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
        <h6>H6 Heading</h6>
        <p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.</p>
        <hr class="py-2" />
        <h4>Blockquote</h4>
        <blockquote class="bg-light border rounded p-3">
            <p><q>Real estate cannot be lost or stolen, nor can it be carried away. Purchased with common sense, paid for in full, and managed with reasonable care, it is about the safest investment in the world.</q></p>
            <p class="m-0"><cite>Franklin D. Roosevelt</cite></p>
        </blockquote>
    </div>
</div>
<hr class="py-2" />
<h4 class="mb-4">List Style</h4>
<div class="row">
    <div class="col-lg-4">
        <h6>Unordered List</h6>
        <ul>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
        </ul>
    </div>
    <div class="col-lg-4">
        <h6>Ordered List</h6>
        <ol>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
        </ol>
    </div>
    <div class="col-lg-4">
        <h6>Icons in a List</h6>
        <ul class="fa-ul">
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
            <li>Lorem ipsum dolor sit amet consectetur.</li>
        </ul>
    </div>
</div>
<hr class="py-2" />
<div class="d-flex text-center justify-content-center">
    <div class="col-sm-12">&nbsp;</div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="media media-mod-2 align-items-center">&nbsp;</div>
    </div>
</div>
<div class="row pb-5">
    <div class="col-lg-12">
        <div class="media media-mod-2 align-items-center text-right">
            <div class="media-body pr-5 pr-lg-4">&nbsp;</div>
        </div>
    </div>
</div>
<div class="row pb-5">
    <div class="col text-center">
        <button type="button" class="btn btn-primary">Primary</button>
        <button type="button" class="btn btn-secondary">Secondary</button>
        <button type="button" class="btn btn-success">Success</button>
        <button type="button" class="btn btn-danger">Danger</button>
        <button type="button" class="btn btn-warning">Warning</button>
        <button type="button" class="btn btn-info">Info</button>
        <button type="button" class="btn btn-light">Light</button>
        <button type="button" class="btn btn-dark">Dark</button>
    </div>
</div>
<div class="row text-center pb-5">
    <div class="col text-center">
        <h4 class="pb-3">Button tags</h4>
        <a href="#" class="btn btn-primary" role="button">Link</a>
        <button type="submit" class="btn btn-primary">Button</button>
        <input type="button" value="Input" class="btn btn-primary" />
        <input type="submit" value="Submit" class="btn btn-primary" />
        <input type="reset" value="Reset" class="btn btn-primary" />
    </div>
</div>
<div class="row text-center pb-5">
    <div class="col text-center">
        <h4 class="pb-3">Outline buttons</h4>
        <button type="button" class="btn btn-outline-primary">Primary</button>
        <button type="button" class="btn btn-outline-secondary">Secondary</button>
        <button type="button" class="btn btn-outline-success">Success</button>
        <button type="button" class="btn btn-outline-danger">Danger</button>
        <button type="button" class="btn btn-outline-warning">Warning</button>
        <button type="button" class="btn btn-outline-info">Info</button>
        <button type="button" class="btn btn-outline-light">Light</button>
        <button type="button" class="btn btn-outline-dark">Dark</button>
    </div>
</div>
<div class="row text-center pb-5">
    <div class="col text-center">
        <h4 class="pb-3">Sizes</h4>
        <button type="button" class="btn btn-primary btn-sm">Small button</button>
        <button type="button" class="btn btn-secondary btn-sm">Small button</button>
        <div class="clearfix pb-3">&nbsp;</div>
        <button type="button" class="btn btn-primary">Default button</button>
        <button type="button" class="btn btn-secondary">Default button</button>
        <div class="clearfix pb-3">&nbsp;</div>
        <button type="button" class="btn btn-primary btn-lg">Large button</button>
        <button type="button" class="btn btn-secondary btn-lg">Large button</button>
    </div>
</div>
<div class="row text-center pb-5">
    <div class="col text-center">
        <h4 class="pb-3">Button group</h4>
        <div class="btn-group" role="group" aria-label="Basic example">
            <button type="button" class="btn btn-secondary">Left</button>
            <button type="button" class="btn btn-secondary">Middle</button>
            <button type="button" class="btn btn-secondary">Right</button>
        </div>
    </div>
</div>
<hr /><br />

1 reply

sonvnn Mar 15, 2024
Maintainer Author

I will update it in the next release. Thank you 😃

rinka88 · 2024-03-15T09:09:06Z

rinka88
Mar 15, 2024
Collaborator

Is it possible to implement dynamic content like Yootheme pro?

1 reply

sonvnn Mar 15, 2024
Maintainer Author

Not yet my friend. We need time for it. I am working for widget assignment first. You can assign widget on selected menu items or not.

Chacapamac · 2024-03-15T13:05:03Z

Chacapamac
Mar 15, 2024
Collaborator

Is it possible to implement dynamic content like Yootheme pro?

Can you explain what You mean by “Dynamic Content”?

2 replies

rinka88 Mar 15, 2024
Collaborator

this video clearly shows

https://youtu.be/U1aomq1VLI0?si=dLG912NtNUus7ijO

Chacapamac Mar 15, 2024
Collaborator

Interesting, Thanks @rinka88 !

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Astroid Framework live demo launched. #566

{{title}}

Replies: 6 comments 6 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Astroid Framework live demo launched. #566

sonvnn Feb 16, 2024 Maintainer

Replies: 6 comments · 6 replies

Chacapamac Feb 16, 2024 Collaborator

sonvnn Feb 17, 2024 Maintainer Author

rinka88 Feb 17, 2024 Collaborator

sonvnn Feb 19, 2024 Maintainer Author

rinka88 Feb 19, 2024 Collaborator

Chacapamac Mar 9, 2024 Collaborator

sonvnn Mar 15, 2024 Maintainer Author

rinka88 Mar 15, 2024 Collaborator

sonvnn Mar 15, 2024 Maintainer Author

Chacapamac Mar 15, 2024 Collaborator

rinka88 Mar 15, 2024 Collaborator

Chacapamac Mar 15, 2024 Collaborator

sonvnn
Feb 16, 2024
Maintainer

Replies: 6 comments 6 replies

Chacapamac
Feb 16, 2024
Collaborator

sonvnn Feb 17, 2024
Maintainer Author

rinka88
Feb 17, 2024
Collaborator

sonvnn Feb 19, 2024
Maintainer Author

rinka88
Feb 19, 2024
Collaborator

Chacapamac
Mar 9, 2024
Collaborator

sonvnn Mar 15, 2024
Maintainer Author

rinka88
Mar 15, 2024
Collaborator

sonvnn Mar 15, 2024
Maintainer Author

Chacapamac
Mar 15, 2024
Collaborator

rinka88 Mar 15, 2024
Collaborator

Chacapamac Mar 15, 2024
Collaborator