Is it possible to retrieve CSS styles from a styles.css file in ASP.NET C# code behind, or is a workaround necessary? I haven't been able to find a solution online.
While utilizing themes in my web application, I also require server-side processing and access to color information from CSS files. These colors will be unique to each user, so a method of retrieving them is essential.
To retrieve the current styles, you can use the following method:
const element = document.querySelector("#yourElement");
const styles = window.getComputedStyle(element);
const backgroundColor = styles["background-color"];
document.getElementById("currentBackgroundColor").innerHTML = backgroundColor;
After getting the color value, you can send it back to the server. This can be done by sending a JSON payload using an XHR request or by setting it as a hidden input element in a form:
<input type="hidden" name="currentBackgroundColor" id="currentBackgroundColor" />
Code snippet for handling Button Click event in C#
protected void Button1_Click(object sender, EventArgs e)
{
Panel1.CssClass = "RedBackground";
Panel1.Style.Add("font-size", "200%");
/// getting value from Panel1 attributes
string pvalue = Panel1.Attributes["class"] ;
or
btn_4.Attributes.CssStyle["property"]
}
Style override in HTML file
<style type="text/css>
.RedBackground
{
background-color: Red;
}
<asp:Panel ID="Panel1" runat="server">
Hello
</asp:Panel>
I'm facing an issue with accessing the HTTPContext within the Global.asax Application_Start() event. var context = HttpContext.Current; if (context != null) { if (context.Request != null) //Error is occurring here ...
How can I hide a div in my view when a checkbox is not checked upon page load? <input type="checkbox" class="k-checkbox" id="chkInvoiceStatusActive" asp-for="InvoiceStatus" value="true" /> <input t ...
I am currently developing a Single Page Application (SPA) and I have encountered an issue with the size of my JavaScript files, which are about 300 KB. Additionally, the web services (.asmx files) that generate jsdebug files add another 350 KB to the bundl ...
Following a recent deployment, an issue arose with the QBO3 Queue Service logging a specific exception to the Windows Event Viewer: An error occurred in ProcessTimerElapsed; Error Processing Managers; QueueManager.Process; QueueManager.Initialize; The ...
Utilizing the Infragistics control in my application, I encountered an issue. When a user is deleted from my system, I wish to redirect them to a "not authorized" page. However, attempts using HttpContext method and window.location through JavaScript have ...
I'm attempting to get my DIV element (MainPageImage) to cover the entire screen area, situated between the header and the footer. Here's my HTML code: body { padding: 0; margin: 0; overflow-y: scroll; font-family: Aerial; font-size: ...
When hovering over the second, third, or fourth item, hidden text will appear on the left side. If you hover your cursor over the hidden text, it will disappear again. I want to be able to hover over the second item, move my cursor to "hide", and click o ...
I've created a new tenant. Here's the code snippet: var tenant = new Tenant(tenancyName, name) { IsActive = isActive, EditionId = editionId, SubscriptionEndDateUtc = subscriptionEndDate?.ToUniversalTime(), IsInTrialPeriod = isInT ...
I've been struggling with a z-index issue on a website I'm currently managing. It seems to stem from the z-index values in the SuperFish Menu and a specific div element. Despite my attempts to apply position:relative/absolute & z-index: 99999 dec ...
I am currently utilizing the following template: An issue I am facing is that I want my sidebar to either shrink or hide when a button is clicked, specifically on a 22" PC screen. I have experimented with several solutions without achieving success. Alt ...
Currently, I am working on a project that involves implementing a gallery feature. The challenge lies in displaying file names which can be quite lengthy, and we are restricted to showing only 2 lines of text. While this can be achieved using line clamp an ...
I have a flexbox-container that contains multiple details-elements with flex-wrap behavior. My goal is to have a details-element move below the other elements within the container when it is opened. For example, I want it to go from this initial layout: ...
I've encountered an issue with the code below. There are 2 fields and a search button. When I input a value only for the Holiday field and click search, it does not trigger the controller. However, if I provide a value for the Year field, then it hits ...
Initially, I created an index page containing a form with various fields. The utility was built to handle all the fields, but now there's been a change in requirements. What I need is for only the Controller Type and Test Type fields to be displayed f ...
<div id="container" style="overflow:hidden; position:relative;"> <div id="content" style="position:absolute;"> </div> </div> Is it possible to display the content element which is larger than its parent container, while still k ...
Currently working on creating a new property named startPosition and setting the top property to equal the button's current top value in CSS. Below is the jQuery code snippet: var morphObject = { button: $('button.morphButton'), c ...
My objective is to collect data from this html page in order to build a database: https://drive.google.com/folderview?id=0B0aGd85uKFDyOS1XTTc2QnNjRmc&usp=sharing One of the variables I am interested in is the price of the apartments. I have noticed th ...
Having some trouble with browsers rendering images correctly. Chrome seems to be the only exception. It appears that there is a caching issue with the images. I'm not entirely certain, but here's what I've observed. My website allows users ...
I've been doing some research on fonts for my website, and I've come across various formats available. Now I'm curious about what the standard format is or if there are multiple standard formats. .TTF (True Type Font) .EOT (Embedded OpenTyp ...
Seeking to achieve: VueJS integration with Bootstrap for clickable cards I am currently working on a VueJS project where I want the cards to be clickable and reveal collapsible elements upon click. To accomplish this, I have implemented a button with the ...