I made an ember bootstrap site but I don't like the responsive look on mobile so I want to make a mobile version using a mobile UI framework .
It seems that if I can reuse the routes and models already defined instead of creating a new project , that would be great.
so can Ember allow me to do something like this?
check UA to load a difference configuration
load different templates but same model, route, component
same url but different site(mobile version)
-Hao
I think ember-responsive is the solution to your problem.
You can define breakpoints for various versions and then you can check in your controllers, components, views, templates and routes in which version you are currently in. Based on that you can change your templates and adjust them for your mobile version for example.
Related
In my application,
I have implemented theming using an angular material theme but it is so heavy for my project...
that's why I don't want to depend on it.
After that I have implemented using the CSS Variables it is working fine
but it doesn't have full support you can check it over here.
QUESTION: anyone can suggest another way?
I'm confused with some css templates in bootstrap.
I've been a developer for years already but I never worked in a company that let me create an entire website as front-end developer say for example an e-commerce site.
So if someone would say "do an e-commerce site", do I have to ask them for a ready made css template? If so, then is it possible there are already other sites that bought it, other than me, e.g. we may have the same web face?
I am not really an expert in css nor an artist. I have created a website for personal use but it was pure bootstrap. I can see other templates in bootstrap; they have other components manipulated, like a different menu which is not present in their list of components.
How did they do that? Is it another individual css, js, html component? Do I have to create my own component sometimes?
For you to understand me, I can create relatively easily any site written in either React or Angular but I cannot create my own css design.
The examples and templates that you see in Bootstrap uses the Bootstrap framework, but the CSS and JS design components are changed to better define what the user wants it to be like.
For example
form-group-lg select.form-control{height:46px;line-height:46px}
This is the pre-defined CSS value from Bootstrap CDN, changing this CSS value to something else, changes your design, but you still are based on Boostrap. Basically, Bootstrap is not only about design, it's following a library, a framework, a skeleton to make your web development (specially frontend) easier.
We have a requirement to customize the OOB Assest share and assest editorcomponent in AEM 6.2.(available at /libs/dam/components/asseteditor &/libs/dam/components/assetshare path respectively)
Few challenges I can see:
1.The component dialog is available only in Classic UI but we want the same in touch UI mode.
2.Can we get the Java code of these components so that we can customize the functionality?
What is the best way to achieve this?
The assetshare and asseteditor components are there to make pages that layer the DAM interface with a simpler functionality. Theses components are not in TouchUI (as of 6.2) but even if they were, these would be like core components with limited functionality. You can overlay these and provide your own templates and components just like normal component extension. All the code is in JSP under the respective components.
These components are not responsive but the genrated page can be made responsive.
Hi i have already created my asp.net app and its running perfectly except we recruited a new member and he started on this new app and he is using bootstrap animations and templates and all... while i didnt i used css myself cause i tried to personolise it just like they want any way now my boss was amazed with what bootstrap can do an all and now i want to add transitions and cool css,ajax stuff to my app any links or methods to help please im BURNING INSIDE.
please help
In case you need to update your project to use boostrap, then you need to move all the styles you added to a stylesheet file, and call them as needed (that is separate from bootstrap, just to make it more easy when you need to change styles). Besides that, if you want to use Bootstrap, it's simple, just add the boostrap files (styles, JS) and then use them as explained in the Boostrap website. Also, you can customize them as you want, but those components and classes will make the magic to make your website compatible with cross browsing and devices.
http://getbootstrap.com/getting-started/
Hope that helps!
I need help please with getting started with MVC 4. I was asked to create a responsive index HTML page.
The output must be responsive and compatible for browser and mobile devices including the graphics.
The website is only graphics with a description of the image - and stores the path of the image and description in SQL Server. So, I need to use CSS to layout the images and connect to SQL to get the description and location of the images.
I need to also use CSS and I see that the project's SCRIPTS folder contains JQuery and Knockout.
I have never used MVC but figured that if they think I can do it then I will take it as a chance to finally learn MVC.
How can I start?
Thanks
To get you started I'll try to make the story short:
Server side
Asp.net mvc (generated dynamic html based on data from DB or other data sources)
Learn about Asp.net templates and Razor view engine.
Currently the visual studio template for Asp.net MVC project comes with all components required to make a website responsive like bootstrap.js/css, jquery.js etc.
Client side
Finally all has to be transformed into the HTML so you must be familiar with HTML 5. As almost all browser supports it.
You must know CSS.
You must learn using Bootstrap library and it's grid system.
Specific to you requirement focus on Images and how bootstrap apply css based on device size.
Target for smallest and largest device to manage your content sizing and adjustments.
Good luck!!