Responsive Web
973
Solutions
1K
Contributors
Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.
Share tech news, updates, or what's on your mind.
hi am having error in my angular component
![todos]()
import { Component, OnInit } from '@angular/core';
import { TodoDataService } from '../service/data/service/data/todo-data.service';
export class Todo {
constructor(
public id: number,
public description: string,
public done: boolean,
public targetDate: Date
){
}
}
@Component({
selector: 'app-list-todos',
templateUrl: './list-todos.component.html',
styleUrls: ['./list-todos.component.css']
})
export class ListTodosComponent implements OnInit {
todos = Todo
// new Todo(1,'Learn to Dance',false,new Date()),
// new Todo(2,'Become Expert in angualr',false,new Date()),
// new Todo(3,'Visit South Africa',false,new Date())
// {id : 1,description :'Learn to Dance'},
// {id : 2,description :'Become an Expert in Angular'},
// {id : 3,description :''},
// ]
// todo = {
// id : 1,
// description: 'Learn to dance'
// }
constructor(private todoservice:TodoDataService ) { }
ngOnInit() {
this.todoservice.retriveAllTodos('tshifhiwa')
.subscribe(
response =>
{
console.log(response);
this.todos = response;
}
)
}
}
1 Comment
Hi, I'm looking for a Css/Bootstrap (Web Responsive) skeleton for my page.
Please see the following diagram with explanations:
![A diagram describing what I need]()
Please see the following diagram with explanations:
I'm currently developing a new WordPress site for a client using the Bootstrap 4-based Understrap theme development framework, and am running in to some difficulty translating the custom design that I was provided with into a responsive WordPress theme. Here is a link to the site .. still a work in progress, obviously:
http://dev.movingpicture.com/
(I've been focusing exclusively on the header and footer, you'll notice).
I've made some significant progress, meaning that I've got the desktop layouts pretty well figured out and displaying nicely (ie: 1920px, 1366px, 1280px, etc.). I just need some advice on how best to handle the mobile layout, .. meaning the tablet and phone-based viewports (ie: 992px, and 576px), You see, the designer provided me with comps for the mobile layout significantly later than anticipated, .. sort of like an afterthought, and without much understanding of the way Bootstrap works.
Here are some images depicting what's expected for the mobile layout:
![Mobile Header - Navigation menu collapsed]()
![Mobile Header - Navigation menu expanded]()
You'll notice 2 significant things that are particularly problematic:
1) The hamburger icon for toggling the mobile navigation menu and the search box have been swapped
2) The expanded mobile navigation menu is being displayed under the search box - instead of directly underneath the hamburger icon (the latter of which is the standard, default behavior)
So my questions are ..
1) Is there any clever kind of way that I…
http://dev.movingpicture.com/
(I've been focusing exclusively on the header and footer, you'll notice).
I've made some significant progress, meaning that I've got the desktop layouts pretty well figured out and displaying nicely (ie: 1920px, 1366px, 1280px, etc.). I just need some advice on how best to handle the mobile layout, .. meaning the tablet and phone-based viewports (ie: 992px, and 576px), You see, the designer provided me with comps for the mobile layout significantly later than anticipated, .. sort of like an afterthought, and without much understanding of the way Bootstrap works.
Here are some images depicting what's expected for the mobile layout:
You'll notice 2 significant things that are particularly problematic:
1) The hamburger icon for toggling the mobile navigation menu and the search box have been swapped
2) The expanded mobile navigation menu is being displayed under the search box - instead of directly underneath the hamburger icon (the latter of which is the standard, default behavior)
So my questions are ..
1) Is there any clever kind of way that I…
I had someone design the website and I needed to fix some issues, I don't much of wordpress design and I wanted to disable google maps from my website, I found where to disable it and I just noticed that my other pictures on all pages aren't loading and missing. How could I go back or check if some else made changes? and how to fix this issue![not loading pictures]()
As you can see on this picture there should be more pictures but aren't there.
Please advise
As you can see on this picture there should be more pictures but aren't there.Please advise
I have a jsp page using struts tag as below:
When I only changed the looking of button confirm, it looks like this:
![confirm_button_only.png]()
at this moment, both buttons are functioning.
however, when I tried to change the looking of both buttons, it looks like this:
![confirm_cancel_both.png]()
then I tried a little modification for experiment:
can anybody help me on this? all I want is just make the CANCEL button looks as big as the CONFIRM button but keep the original functioning.
I think the real question would be : how to transfer the value of CANCEL button to the HttpServletRequest such that the function isCancelled(request) can return true?
by name="cancel" ? value="Cancel" ? or type="cancel"?
<html:form action="/actions/graphics/job/attachFile/confirm">
<html:cancel value="Cancel" styleClass="buttons"></html:cancel>
<html:submit value="Confirm"/>
</html:form>
public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception
{
ActionForward actionForward = SessionChecking.checkUserBean(mapping, request);
if (actionForward != null)
return actionForward;
if (isCancelled(request))
{
//do something here
}
//......
}//execute
When I only changed the looking of button confirm, it looks like this:
at this moment, both buttons are functioning.however, when I tried to change the looking of both buttons, it looks like this:
<html:form action="/actions/graphics/job/attachFile/confirm">
<button type="submit" id="cancel" name="cancel" class="btn btn-default" value="Cancel" > Cancel</button>
<button type = "submit" id="submit" class ="btn btn-primary" value="Confirm"> Confirm</button>
</html:form>
then I tried a little modification for experiment:
<html:form action="/actions/graphics/job/attachFile/confirm">
<button type="button" id="cancel" name="cancel" class="btn btn-default" value="Cancel" > Cancel</button>
<button type = "submit" id="submit" class ="btn btn-primary" value="Confirm"> Confirm</button>
</html:form>
can anybody help me on this? all I want is just make the CANCEL button looks as big as the CONFIRM button but keep the original functioning.
I think the real question would be : how to transfer the value of CANCEL button to the HttpServletRequest such that the function isCancelled(request) can return true?
by name="cancel" ? value="Cancel" ? or type="cancel"?
Responsive Web
973
Solutions
1K
Contributors
Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.
Top Experts In
Responsive Web
