|
Hello everyone,
Is there anyone on the group that is an expert at Bootstrap Admin Dashboards development?
Thanks Networkrail
|
|
|
|
|
I am completely new to web development looking to learn some tags which will be help me in developing a basic page with some content and images , registration form with some basic input details.
|
|
|
|
|
|
So I'm writing my Angular App. Currently I would write a backend to say create a portfolio of pictures. But I might go back and make it to where you just login and do it on the front side. I could see where users, messages should be on the backside.
Just wondering what you think, in terms of designing a modern app, what should go where.
When I did the portfolio on the front side, more customers participated in creating them. Now that I have it on the backend, nobody uses it.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
i made a beautiful website but not responsive trying my best but stillnot working perfectly.can someone help me in making my website responsive?
|
|
|
|
|
You need to explain more about what is not working.
|
|
|
|
|
i mean some sections are not working responsively.i can send you the file..
|
|
|
|
|
Once again we cannot guess what sections, or exactly what you mean by "not working responsively". I repeat my previous comment: if you want help then you need to provide proper details of your problem.
|
|
|
|
|
i mean section like price-plans section the box are not size uniformly sized when it reachs near to 800 pixels . And the padding in the price-plan sectionb gets also disappeared as i also give the padding from 760px .And the contact section also starts to disappear from 800px. And at 460px it is pushed to left as it can,t be seen..
Start eating Healty today
Premium
399$/ per month
That’s only 13.30$ per meal
1 meal every day
24/7
Access to newest creations
Free delivery
Sign-Up
Pro
149$/per month
That’s only 14.90$ per meal
1 meal 10 days/month
Order 24/7
Access to newest creations
Free delivery
Sign-Up
Starter
19$/ per meal
1 meal
Order from 8 am to 12 pm
Free delivery
Sign-Up
.section-plans{
background-color: #f4f4f4;
}
.section-plans h2{
margin-top: 80px;
}
.plan-box{
background-color: #fff;
border-radius: 5px;
margin-left: 10%;
width:90%;
}
.plan-box div{
padding: 15px;
border-bottom:1px solid #e8e8e8;
box-shadow:0px 1px 2px #f5f2f2;
}
.month{
font-size: 300%;
margin-bottom: 20px;
font-weight: 210%;
color:#e67e22;
}
span{
font-size: 30%;
font-size: 300;
}
.plan-box ul{
list-style: none;
}
.plan-box div:last-child{
border:none;
text-align: center;
}
.plan-box:first-child{
background-color: #fcfcfc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
now the media quirie
/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
.hero-text {
width: 100%;
padding: 0 2%;
}
.row { padding: 0 2%; }
}
/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
body { font-size: 18px; }
section { padding:60px 0px; }
.long-copy {
width: 80%;
margin-left: 10%;
}
.steps-box { margin-top: 10px; }
.steps-box:last-child { margin-top: 10px; }
.works-steps { margin-bottom: 40px; }
.works-step:last-of-type { margin-bottom: 60px; }
.app-screen { width: 40%; }
.steps-box:first-child { text-align: center; }
.icon-small{
width: 17px;
margin-right: 5px;
}
.city-feauture{
font-size: 90%;
}
.plan-box{
width: 100%;
margin-left: 0%;
}
.plan-price{
font-size: 250%;
}
.contact-form{
width: 80%;
}
/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
section {padding: 30px 0;}
body { font-size: 16px; }
.plan-box div{
}
.plan-box{
width:95%;
}
.first{
font-size: 87%;
}
.last{
font-size: 119%;
}
.row,
.hero-text-box {
padding: 0 4%; }
.col {
width: 100%;
}
.main-nav {
display:none;
}
h1 { font-size: 180%; }
h2 { font-size: 10%; }
.long-copy { width: 100%;
margin-left: 0%;
}
/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
.col {
width: 100%;
margin-bottom: 0 0 4% 0;
margin-right: 10%;
}
.contact-form{
margin-top:40%;
margin-right:100%;
}
}
|
|
|
|
|
You can use CMS which will take care of responsive issues.
|
|
|
|
|
Can you please tell me on which technology you have created your Website?
I mean Php, Asp.net, Shopify, Magento or any other technology?
|
|
|
|
|
Hi,
I am working in asp.net WCF Service with sql server stored procedure for connecting an android application. I am using Visual Studio 2010 Professional and sql server 2008.
Anyone can help me to solve the problem with thestep by step procedure to create WCF service and hosting it in iis?
|
|
|
|
|
|
Hi, here's a question: I dynamicly create controllers. I put them in the folder Controllers and all is well. For one thing: I can't use them because they are not yet "Include in Project". When I do this manually, it works fine, but that is not the idea.
So, how to do this final part also 'dynamic'. What do I need to add to my code
|
|
|
|
|
Impossible to answer without knowing how your controller selection is being processed, how you're generating them, and what the technologies involved are.
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
|
|
|
|
|
Really? Wll this is how I create a controller
String[] controllerFile = { "using System;",
"using System.Collections.Generic; ",
"using System.IO;",
"using System.Web;",
"using System.Web.Mvc;",
"using Queeste.BusinessLogic;",
"using Queeste.BusinessEntities;",
" ",
"namespace Queeste.GUI.Controllers",
"{",
" public class " + controllerFileName + " : Controller",
" {",
" MenuItemsManager menuItemsManager = new MenuItemsManager(); ",
"",
" public ActionResult Index()",
" {",
" ViewBag.MenuItems = menuItemsManager.GetMenuItems(); ",
" ",
" return View();",
" }",
" }",
"}"};
string controllerPath = @path\Controllers\" + controllerName;
System.IO.File.WriteAllLines(controllerPath, controllerFile, Encoding.UTF8);
This very morning, I found another solution to solve my problem, so it's not needed to solve this. But, it would be nice to know for future development.
Thanks for your reply.
|
|
|
|
|
Okay, so it's C# and leveraging the MVC.NET stack, which we didn't know when you asked; so we're already in better shape!
I'm glad that you found a solution, but I don't think that I would ever advise this approach unless you're building an application specifically intended to bootstrap simple and tiny CRUD applications, but that doesn't appear to be your intent.
From a code/extensibility standpoint, a better approach might be to generate controllers at runtime from your models. I was going to give an approach, but I found a very solid one at: Generic and dynamically generated controllers in ASP.NET Core MVC | StrathWeb. Have a look at Approach #2, it's a little complex but infinitely extensible and plays nicely with the ecosystem.
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
|
|
|
|
|
Thanks for the link and the reply. I will study it
|
|
|
|
|
Nice link. I might have a use for that one soon.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Message Removed
modified 5-Aug-18 12:06pm.
|
|
|
|
|
Hi everyone! I'm just starting with web development and I am currently trying to recreate the Billboard website (in a way). I already have the basics and got the data from a mysql database and had them ordered the way I want to by reading a lot of internet articles and tutorials.
Problem is, I don't know how to format it properly, the way I want it to. I have resized the photo elements and that's it.
Here's my index page:
<div class="content">
<?php
$result = mysqli_query($con, "SELECT * FROM singles ORDER BY sales DESC;");
$produceByType = array();
while ($row = mysqli_fetch_array($result)) {
$produceByType[ $row['title'] ][] = $row;
}
?>
<table>
<?php
$counter=1;
foreach ($produceByType as $title => $produce):
?>
<tr>
<th colspan="9"></th>
</tr>
<?php
foreach ($produce as $row): ?>
<tr class="rowHolder">
<td class="number"><?= $counter?></td>
<td class="activity"><img src="<?php echo $row['activity'] ?>" ?></td>
<td class="artwork"><img src="<?php echo $row['artwork'] ?>" ?></td>
<td style="display:inline-block;"class="title"><?= $row['title'] ?></td>
<td style="display:block;"class="artist"><?= $row['artist'] ?></td>
<td style="width:20px;"class="buttonExpand"><img src="assets/images/expand.png"></td>
</tr>
<tr class="additionalHolder">
<td class="lastWeek"><?= $row['last'] ?></td>
<td class="peak"><?= $row['peak'] ?></td>
<td class="woc"><?= $row['woc'] ?></td>
<td class="sales"><?= $row['sales'] ?></td>
<td class="tSales"><?= $row['tSales'] ?></td>
</tr>
<?php
$counter++;
endforeach;
endforeach; ?>
</table>
</div>
and my css:
*{
font-family: "Poppins", sans-serif;
}
body {
margin: 0;
padding: 0;
}
.header {
padding: 25px 0;
background-color: #000;
}
.bblogo img{
display: block;
width:200px;
margin-left: auto;
margin-right: auto;
}
.nav {
padding: 15px 0;
background-color: #333333;
position: -webkit-sticky;
}
.nav .item{
text-decoration: none;
color: white;
padding-right: 30px;
}
.nav .item:hover{
text-decoration: underline;
}
.nav .active{
color: #6b6b6b;
text-decoration: none;
padding-right: 30px;
}
.header, .nav {
text-align: center;
color: #fff;
}
.content {
width: 600px;
margin: 10px auto 100px;
}
.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
}
.artwork img{
width: 110px;
}
.activity img{
width:40px;
}
.buttonExpand img{
width: 20px;
}
.content{
text-align: center;
}
.title{
width: 30px
border-top: 20px;
}
I'm still pretty new to do this so please go easy on me.
(For reference, you can look at numbers 2-100 here: Top 100 Songs | Billboard Hot 100 Chart | Billboard[^] .)
Thank you everyone. If you also can suggest me some books I can read and articles, I'm open to suggestions.
|
|
|
|
|
Hello sir, I am making a website from where users can generate SVG logo with theirs desire color.
Everything is working fine. I want to know that how a user can download this logo?
|
|
|
|
|
Don't "shotgun" post questions: two here and a question all the same? That's rude as it wastes effort...
Sent from my Amstrad PC 1640
Bad command or file name. Bad, bad command! Sit! Stay! Staaaay...
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
Hello,
I am trying to run an angular app which was working 6 months ago. While compiling i am getting following error. It was working with exact code but not sure whats causing this. I am new to angular and not sure about where i am going wrong. please advise. thank you in advance. following is error and then app files
Date: 2018-07-23T18:06:06.906Z
Hash: 4f65682650985a01a753
Time: 10797ms
chunk {main} main.js, main.js.map (main) 1.91 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 674 bytes [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 5.22 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 15.6 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 325 kB [initial] [rendered]
ERROR in src/app/app.service.ts(19,6): error TS2339: Property 'map' does not exist on type 'Observable<Object>'.
src/app/app.service.ts(28,17): error TS2339: Property 'map' does not exist on type 'Observable<Object>'.
src/app/app.service.ts(35,6): error TS2339: Property 'map' does not exist on type 'Observable<Object>'.
src/app/app.service.ts(41,17): error TS2339: Property 'map' does not exist on type 'Observable<Object>'.
src/app/app.service.ts(47,10): error TS2339: Property 'map' does not exist on type 'Observable<Object>'.
app.component.spec.ts
import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
AppComponent
],
}).compileComponents();
}));
it('should create the app', async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
}));
it(`should have as title 'app'`, async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('app');
}));
it('should render title in a h1 tag', async(() => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
}));
});
app.component.ts
import {Component} from '@angular/core';
@Component({
selector:'app-root',
templateUrl:'./app.component.html',
styleUrls:['./app.component.css']
})
export class AppComponent{}
app.service.ts
<big></big></big>
import { Injectable } from '@angular/core';
import { HttpClient, HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from "rxjs/operators";
@Injectable()
export class AppService {
articleUrl = "http://localhost:3000/data";
constructor(private http:HttpClient) {
}
getAllArticles(): Observable<any[]> {
return this.http.get(this.articleUrl)
.map(this.extractData)
.catch(this.handleError);
}
createArticle(article: any):Observable<number> {
let cpHeaders = new Headers({ 'Content-Type': 'application/json' });
return this.http.post(this.articleUrl, article)
.map(this.extractData)
.catch(this.handleError);
}
getArticleById(articleId: string): Observable<any> {
console.log(this.articleUrl +"/"+ articleId);
return this.http.get(this.articleUrl +"/"+ articleId)
.map(this.extractData)
.catch(this.handleError);
}
updateArticle(article: any):Observable<number> {
return this.http.put(this.articleUrl +"/"+ article.id, article)
.map(this.extractData)
.catch(this.handleError);
}
deleteArticleById(articleId: string): Observable<number> {
return this.http.delete(this.articleUrl +"/"+ articleId)
.map(this.extractData)
.catch(this.handleError);
}
private extractData(res: Response) {
let body = res;
return body;
}
private handleError (error: Response | any) {
console.error(error.message || error);
return Observable.throw(error.status);
}
}
app.component.spec.ts
import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
AppComponent
],
}).compileComponents();
}));
it('should create the app', async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
}));
it(`should have as title 'app'`, async(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('app');
}));
it('should render title in a h1 tag', async(() => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
}));
});
|
|
|
|
|
Hi all, Good day... I m Surendran. Beginner for PHP Development. Kindly need guidance and help from all of you here. Thank You so much Be happy always
|
|
|
|
|