|
|
I have a problem with a push sidebar menu. When the toogle button is clicked the page goes to the right .The problem is that I want the side bar menu to be next to the page just like the example that is in the picture . Also when i scroll down to the page ,I want the side bar menu to be fixed. I am only using css.
https://codepen.io/sb90mng/pen/MWwyOmW[^]
This is the image — ImgBB[^]
|
|
|
|
|
Hi, You should update the code in your question so that it reproduces the problem (so when we click "Run code snippet" we more or less see what's in the image you've provided). For example, it looks like you're using Bootstrap, but that's not in your snippet. You could also replace images with placeholders from placeholder.com. It's hard to tell what the real issue is with the current state of the question
|
|
|
|
|
I know HTML... have been using for many years.
I know CSS... well kind of. Never bothered learning.
I've been jack of all trades for too long.
I want to get into Javascript and React...
But wanted to brush up on HTML and CSS and fill in gaps missing.
CSS - I want to know about layouts + how to make flexible for different displays.
What would be amazing for me is to see loooads of samples of layouts - starting from simple going to super complex and showing off CSS3 - but all in increments.
Just looking for some pointers.
Thanks.
|
|
|
|
|
CSS Tutorial, w3schools[^].
Bastard Programmer from Hell 
If you can't read my code, try converting it here[^]
"If you just follow the bacon Eddy, wherever it leads you, then you won't have to think about politics." -- Some Bell.
|
|
|
|
|
FreeCodeCamp has a great online curriculum for learning HTmL & CSS and then Javascript and React if you want.
|
|
|
|
|
Download a static site with all the prebuilt html and css and view it in the browser. Next, think of some major or potentially difficult change you'd like to make to it with regard to layout, size, font, etc. With the help of the browser's developer tools, you'll be able to identify the styles that need to change for the elements involved. You'll learn something from the existing css, and you'll learn a lot by trying to mess with it.
Today, most people use a css framework like Bootstrap or Materialize for accomplishing the flexibility for different displays you're looking for. Read the API documentation for one of these frameworks and look through the examples. Alternatively, there's a nice React ui framework from Microsoft over at https://developer.microsoft.com/en-us/fabric#/styles/web
It uses the same responsive grid layout principles that have become de facto standard.
If you want to get into React, you're going to need to know some Javascript because React uses Typescript which transpiles to JS and you'll need to understand possibly both languages. Additionally, you'll probably see some use of Redux.
|
|
|
|
|
I was also looking for same, and now got the answer.
|
|
|
|
|
I am new to programming and software development.
I am wanting to develop a software package that can edit game cards online and offline. then when the user is online they can upload their work if they need to. Ideally this application will be accessible on computers and mobile phones. I have heard that HTML 5 is really good for mobile application development because it is multiplatform. I have also done some research and NET.Core is multi platform as opposed to NET.framework. I understand that for the mobile and desktop application these may need to be built seperately.
I am wondering where is best to start. Can WinForms in visual studio connect online? or it this purely a desktop application? do i need to create a different style project for online/offline capability?
I am not quite sure where to start here.
|
|
|
|
|
WinForms is solely a desktop technology. Furthermore, it's Windows-only technology.
HTML5 is solely a markup language so it is nothing more than a visual representation of your app. Still, as you've mentioned uploading cards this means to me that you need a backend to persist it.
The way I imagine it is that you have a backend server (you might use .net core for that). And you have clients for platforms you need to support. Once the backend server if not available for some reason you persist data in a client's local storage. Otherwise, you persist it on a backend.
I think you should research more on a client-server programming model.
|
|
|
|
|
I am deploying an ASP .NET application to a website hosted on IIS. My requirement here is that the URL must end in .com and not .aspx. An example would be http://example.com and not http://example/default.aspx. How do I deploy an ASP .NET application so it uses the .com URL and not the not the .aspx page extension?
modified 3-Feb-20 10:35am.
|
|
|
|
|
I'm not sure I understand you correctly because you wrote "http://example/default.aspx" but I think what you meant was http://example.com/default.aspx."
You can't get rid of the .com unless you are using intranet sites.
I think you may be referring to url routing but not really sure what you are asking.
Social Media - A platform that makes it easier for the crazies to find each other.
Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.
|
|
|
|
|
I think you are correct. What I need is http://example.com/default.aspx
|
|
|
|
|
holdorf wrote: http://example.com/default.aspx
Then you register a domain and then upload your files to your hoster. That's it.
Social Media - A platform that makes it easier for the crazies to find each other.
Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.
|
|
|
|
|
My problem is that this application is being hosted on an intranet. Normal online domain servers can't be used. I guess the question now is can you register a domain name on an intranet network? Do you need something like a Windows DNS server?
|
|
|
|
|
No, I don't think that would work. But why would you want to? If it's working on the intranet and that's where you need it, leave it alone. Why does the url matter?
It sounds like somebody does not understand things very well. An explanation might help.
Social Media - A platform that makes it easier for the crazies to find each other.
Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.
|
|
|
|
|
I guess I need to explain it better. All I need to do is host the application on the intranet in IIS so browsing to the site is not in the format http://28.4.7.1/default.aspx or http://hostmachinename/default.aspx but in the fully quilified name of the domain name of the network. (ie. http://intranet.mil/default.aspx). Does this make sense?
|
|
|
|
|
holdorf wrote: Does this make sense?
Sort of. So, you need to get with the networking people and add a dns entry on the domain for whatever domain you want to have so that all computers on the intranet can get to it.
Social Media - A platform that makes it easier for the crazies to find each other.
Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.
|
|
|
|
|
I am the only technical person on this project so I am the network folks. Is this your answered to my question. I'm I correct: I need to add a DNS server on my network and register that IP address with the DNS server. Is this what I want to do?
|
|
|
|
|
Yes. DNS is a way of making a word translate into an IP essentially. But I have not touched DNS in many years so I couldn't walk you through it.
Social Media - A platform that makes it easier for the crazies to find each other.
Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.
|
|
|
|
|
I have deployed an ASP .NET application with a JavaScript Google Map on the home page to a Windows 2012 website. Now when I browse to the application it comes up fine except the Google Map never loads. One thing that does work is if I publish it as a Web Application and using localhost works. It's just when it's published as a website to IIS is where it fails. As a WebSite on the F12 Console windows debugger here are the errors I'm getting:
SEC7120: Origin http://mymachinename not found in Access-Control-Allow-Origin header.
SCRIPTING7002: XMLHttpRequest: Network error 0X80700013, Could not complete operation due to error 80700013.
getPreferences failed when constructing GPToolsService: undefined
<script type="text/javascript">
var map;
MoW.ready(function () {
map = new MoW.Map({
target: 'MoWmap'
});
});
window.onload = function () {
MoW.ready(function () {
if (document.getElementById('<%= KMLOPString.ClientID %>').value !== "") {
var overlayPropertiesOP = {
"name": "Openations KML",
"url": document.getElementById('<%= KMLOPString.ClientID %>').value,
"type": MoW.protocols.KMLProtocol.TYPE.STRING,
"description": "Demonstrating KML overlay",
"mapTypeId": "google.map.mapTypeId.ROADMAP"
};
var newOverlayObjectOP = MoW.Factory.createKMLOverlay(overlayPropertiesOP);
map.addOverlay(newOverlayObjectOP, {
showAlert: true
});
}
if (document.getElementById('<%= KMLESString.ClientID %>').value !== "") {
var overlayPropertiesES = {
"name": "Exercises KML",
"url": document.getElementById('<%= KMLESString.ClientID %>').value,
"type": MoW.protocols.KMLProtocol.TYPE.STRING,
"description": "Demonstrating KML overlay",
"mapTypeId": "google.map.mapTypeId.ROADMAP"
};
var newOverlayObjectES = MoW.Factory.createKMLOverlay(overlayPropertiesES);
map.addOverlay(newOverlayObjectES, {
showAlert: true
});
}
});
}
function kmlBtnClick() {
var overlayProperties = {
"name": "Example KML Overlay",
"url": document.getElementById('<%= KMLESString.ClientID %>').value,
"type": MoW.protocols.KMLProtocol.TYPE.STRING,
"description": "Demonstrating KML overlay"
};
var newOverlayObject = MoW.Factory.createKMLOverlay(overlayProperties);
map.addOverlay(newOverlayObject, {
showAlert: true
});
map.setBasemap(google.maps.mapTypeId.ROADMAP);
}
</script>
modified 3-Feb-20 8:18am.
|
|
|
|
|
We're a small internal dev team and we have an .NET & AngularJS web site, except the site is supposed to act as a host of other sites/applications. So the users go to a single address, they can then get to the other apps via a dashboard, but the core site handles the 2 different authentications (windows and custom oracle database based) and other common features. Currently the .NET side is all separate projects for each app. The AngularJS is just one app.
Ideally we'd want the applications to be more independent, so that we could update one and be comfortable saying that regression testing of the others isn't needed.
Some guidance on:
How would you design the web side? I was thinking separate angular apps with the 'host' site using iframes? As I couldn't think of another way to keep the whole look and feel with out code duplication.
The authentication, its OAuth/Owin, the windows AD and Oracle are separate, but the same user could have creds for both. We've currently got two 'client_ids' in the single web app, which doesn't seem right, as I'm tracking two access_tokens. I'm thinking I could use OAuth claims instead.
We are also planning rewriting from AngularJS, would anyone recommend an alternative framework? I'm half thinking of Blazor, to reduce the number of languages the team needs to know, but obviously its still new, so the amount of resources about and its long term viability are risks.
Apologies for the rambling post
|
|
|
|
|
I'm trying to call a Web API hosted on my server from a Xamarin Forms app.
This Works
private string GetServerMessage()
{
var result = string.Empty;
using (var client = new WebClient())
{
client.Headers.Add("Content-Type:application/json");
client.Headers.Add("Accept:application/json");
result = client.DownloadString(url);
}
return result;
}
This Doesn't Work
It hangs on the Client.GetAsync line
private async Task<string> GetServerMessageAsync()
{
string response = string.Empty;
HttpClient client = new HttpClient();
client.BaseAddress = new Uri(url);
client.DefaultRequestHeaders.Accept.Clear();
client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
HttpResponseMessage responseMessage = await client.GetAsync(url);
if (responseMessage.IsSuccessStatusCode)
{
response = responseMessage.Content.ReadAsStringAsync().Result;
}
return response;
}
It the right way to call the Web API from Xamarin Forms? Why is the async calll hanging up?
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.
|
|
|
|
|
That's usually an indication that there's a deadlock trying to call back into the UI thread. That's often caused by using sync-over-async - waiting synchronously for an async task to complete.
I notice you're using .Result within your method to read the content, rather than awaiting the task. You probably have other places in your code doing something similar.
Try adding .ConfigureAwait(false) to the async calls, and removing the .Result access:
private async Task<string> GetServerMessageAsync()
{
string response = string.Empty;
HttpClient client = new HttpClient();
client.BaseAddress = new Uri(url);
client.DefaultRequestHeaders.Accept.Clear();
client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
HttpResponseMessage responseMessage = await client.GetAsync(url).ConfigureAwait(false);
if (responseMessage.IsSuccessStatusCode)
{
response = await responseMessage.Content.ReadAsStringAsync().ConfigureAwait(false);
}
return response;
}
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
As I have created a mock data in sevice.js but I want to handle the api by passing mock URL using webservice to close the activity using httpget method .
**View.html**
<a class="button is-danger is-outlined m-b-sm" ng-click="onActivityClose()" prevent> **Service.js**
activityClose: function (data) {
if (
data.projectActivity.original_value == data.projectActivity.estimated_end_value &&
data.projectActivity.original_value == data.projectActivity.revised_value &&
data.projectActivity.original_value == data.projectActivity.payment.total) {
var response = {
"status": false,
"message": null,
"reconcile_list": {
"variations": [
{
"id": 1,
"reference": "21.004",
"status": {
"code": "ENDORSED",
"label": "Endorsed"
},
"actioned_date": "2019-12-25 10:00:01"
}
],
"reconcile_sap_fec": {
"sap_po_value": 100000.01,
"fec_value": 90000
},
"reconcile_sap_payments": {
"sap_po_value": 100000.01,
"payment_value": 100000
}
}
};
return $q.resolve(['Success']);
}else{
$log.error('Action activity close returns undefined');
return $q.reject(['Unknown response!']);
}
},
**view.js**
onActivityClose: function() {
UTIL.confirm(
"<p>You are about to close a project activity .</p><p class='has-text-weight-bold'>" +
$scope.data.projectActivity.reference +
" " +
$scope.data.projectActivity.description +
"</p><p>Please confirm your action by clicking the appropriate button below.</p>"
).then(function(confirm) {
if (confirm) {
serviceFcrs.webservice
.activityClose($scope.data)
.then(function(_response) {
$scope.$emit(
"notify.success",
"Activity has been closed successfully"
);
if (
data.projectActivity.original_value == data.projectActivity.estimated_end_value &&
data.projectActivity.original_value == data.projectActivity.revised_value &&
data.projectActivity.original_value == data.projectActivity.payment.total) {
$scope.data.userCanCreatePayment= false;
$scope.data.userCanCreateVariation= false;
$scope.unlockButton= false;
$scope.closedButton= true;
})
.catch(function(error) {
$log.error(error);
});
$scope.$emit(
"notify.alert",
"<h1>Activity cant be closed</h1>: " + error
);
return false;
});
}
});
},
modified 15-Jan-20 6:11am.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
